און ווען ניצן ARTICLE, ASIDE, און DIV
דער נייַ HTML5 אָפּטיילונג עלעמענט קען זיין עפּעס קאַנפיוזינג. אויב איר האָט געבויט HTML דאקומענטן איידער הטמל 5, גיכער זענען איר שוין ניצן די עלעמענט צו שאַפֿן סטראַקטשעראַל דיוויזשאַנז אין דיין בלעטער און דעריבער סטיל די בלעטער מיט זיי. אַזוי עס קען ויסקומען ווי אַ נאַטירלעך זאַך צו פשוט פאַרבייַטן דיין יגזיסטינג דיוו עלעמענטן מיט אָפּטיילונג עלעמענטן. אבער דאָס איז טעקניקלי אומרעכט. אַזוי אויב איר טאָן ניט נאָר פאַרבייַטן דיווידע עלעמענטן מיט אָפּטיילונג עלעמענטן, ווי טאָן איר נוצן זיי ריכטיק?
די סעקשאַן עלעמענט איז אַ סעמאַנטיק עלעמענט
דער ערשטער זאַך צו פֿאַרשטיין איז אַז די אָפּטיילונג עלעמענט איז אַ סעמאַנטיש עלעמענט. דעם מיטל אַז עס גיט טייַטש צו ביידע באַניצער אגענטן און יומאַנז וועגן וואָס די ענקלאָוזד אינהאַלט איז ספּאַסיפיקלי אַ אָפּטיילונג פון דעם דאָקומענט.
דעם קען ויסקומען ווי אַ זייער גענעראַל סעמאַנטיש באַשרייַבונג, און אַז ס ווייַל עס איז. עס זענען אנדערע HTML5 עלעמענטן וואָס צושטעלן מער סעמאַנטיש דיסטינגקשאַנז צו דיין אינהאַלט אַז איר זאָל נוצן ערשטער איידער איר נוצן די אָפּטיילונג עלעמענט:
- ARTICLE
- ASIDE
- NAV
ווען צו נוצן די אָפּטיילונג עלעמענט
ניצן די אַרטיקל עלעמענט ווען דער אינהאַלט איז אַ פרייַ טייל פון די פּלאַץ וואָס קענען שטיין אַליין און זיין סינדיקייטיד ווי אַ אַרטיקל אָדער בלאָג פּאָסטן. ניצן די ASIDE עלעמענט ווען די אינהאַלט איז טאַנגענשאַלי פארבונדן צו דער אינהאַלט פון דער בלאַט אָדער די פּלאַץ זיך, אַזאַ ווי סיידבאַרס, אַנאָטיישאַנז, פאָוקאָוץ, אָדער פארבונדן פּלאַץ אינפֿאָרמאַציע. ניצן די NAV עלעמענט פֿאַר אינהאַלט וואָס איז נאַוויגאַציע.
די סעקשאַן עלעמענט איז אַ דזשאַנעריק סעמאַנטיש עלעמענט. איר נוצן עס ווען קיין פון די אנדערע סעמאַנטיק קאַנטיינער עלעמענטן זענען צונעמען. איר נוצן עס צו פאַרבינדן פּאָרשאַנז פון דיין דאָקומענט צוזאַמען אין דיסקרייט וניץ אַז איר קענען באַשרייַבן ווי שייַכות אין עטלעכע וועג. אויב איר קענען נישט באַשליסן די עלעמענטן אין די אָפּטיילונג אין איין אָדער צוויי זאצן, דעמאָלט איר מיסטאָמע זאָל נישט נוצן דעם עלעמענט.
אַנשטאָט, איר זאָל נוצן די דיוו עלעמענט. דער דיוו עלעמענט אין הטמל 5 איז אַ ניט-סעמאַנטיש קאַנטיינער עלעמענט. אויב די אינהאלט איר טריינג צו פאַרבינדן טוט נישט האָבן אַ סעמאַנטיש טייַטש, אָבער איר נאָך דאַרפֿן צו פאַרבינדן עס פֿאַר סטילינג, דעמאָלט די דיוו עלעמענט איז די צונעמען עלעמענט צו נוצן.
ווי דער אָפּטיילונג עלעמענט מעשים
א אָפּטיילונג פון דיין דאָקומענט קענען דערשייַנען ווי די ויסווייניקסט קאַנטיינער פֿאַר אַרטיקלען און אַסידע עלעמענטן. עס קען אויך אַנטהאַלטן אינהאַלט וואָס איז נישט טייל פון אַ אַרטיקל אָדער אַסייד. א אָפּטיילונג עלעמענט קענען אויך געפֿינען ין אַרטיקל, אַרב, אָדער אַסייד. איר קענען אַפֿילו נעסט סיזעס צו אָנווייַזן אַז איין גרופּע פון צופרידן איז אַ אָפּטיילונג פון אן אנדער גרופּע פון אינהאַלט וואָס איז אַ אָפּטיילונג פון אַ אַרטיקל אָדער די בלאַט ווי אַ גאַנץ.
די אָפּטיילונג סעקשאַן קרעאַטעס זאכן ין אַ אַוטליין פון די דאָקומענט. און ווי אַזאַ, איר זאָל שטענדיק האָבן אַ כעדער עלעמענט (ה 1 דורך ה 6) ווי אַ טייל פון די אָפּטיילונג. אויב איר קענט נישט קומען אַרויף מיט אַ טיטל פֿאַר די אָפּטיילונג, דעמאָלט ווידער די דיוו עלעמענט איז מיסטאָמע מער צונעמען. געדענקט, אויב איר טאָן ניט ווילן די אָפּטיילונג אָפּטיילונג צו דערשייַנען אויף די בלאַט, איר קענען שטענדיק מאַסקע עס מיט קסס.
ווען ניט צו נוצן די אָפּטיילונג עלעמענט
ווייַטער פון די עצה אויבן צו נוצן די מער ספּעציפיש סעמאַנטיק עלעמענטן ערשטער, עס איז איין באַשטימט געגנט אַז איר זאָל נישט נוצן די אָפּטיילונג עלעמענט: פֿאַר סטיל בלויז.
אין אנדערע ווערטער, אויב די בלויז סיבה וואָס איר שטעלן אַן עלעמענט אין דעם אָרט איז צו צולייגן CSS נוסח פּראָפּערטיעס, איר זאָל נישט נוצן אַ אָפּטיילונג עלעמענט. געפֿינען אַ סעמאַנטיש עלעמענט אָדער נוצן די דיוו עלעמענט אַנשטאָט.
לעסאָף עס קען נישט מאַטטער
א שוועריקייט אין שרייבן סעמאַנטיק HTML איז אַז וואָס סעמאַנטיק צו מיר קען זיין גאָר ומזין צו איר. אויב איר פילן אַז איר קענען באַרעכטיקן ניצן די אָפּטיילונג עלעמענט אין דיין דאקומענטן, איר זאָל נוצן עס. רובֿ באַניצער אגענטן טאָן ניט זאָרגן און וועט אַרויסווייַזן די בלאַט ווי איר קענען דערוואַרטן צי איר סטיל אַ דיוו אָדער אַ אָפּטיילונג.
פֿאַר דיזיינערז וואס ווילן צו זיין סעמאַנטיקאַללי ריכטיק, ניצן די אָפּטיילונג עלעמענט אין אַ סעמאַנטיקלי גילטיק וועג איז וויכטיק. פֿאַר דיזיינערז וואס נאָר ווילן זייער בלעטער צו אַרבעטן, עס איז נישט ווי וויכטיק. איך גלויבן אַז שרייבן סעמאַנטיקלי גילטיק HTML איז גוט פיר און האלט די בלעטער מער צוקונפֿט. אבער אין די סוף עס איז אַרויף צו איר.