Understanding the HTML5 SECTION Element
ווען HTML5 בערץ אַנטו די סצענע אַ נומער פון יאָרן צוריק, עס צוגעגעבן אַ בינטל פון נייַ סיפטינג עלעמענטן צו די לאַנגאַוגע, אַרייַנגערעכנט די סעקשאַן עלעמענט. רובֿ פון די נייַע עלעמענטן אַז HTML5 פאָרשטעלן האָבן קלאָר ניצט. פֿאַר בייַשפּיל, די עלעמענט איז געניצט צו דעפינירן ארטיקלען און הויפּט טיילן פון אַ וועב בלאַט, די עלעמענט איז געניצט צו באַשליסן פֿאַרבונדענע אינהאַלט וואָס איז נישט קריטיש צו די רעשט פון די בלאַט, און כעדער, נאַוו, און פוטער זענען שיין זיך-יקספּלאַנאַטאָרי. די נייַע צוגעלייגט אָפּטיילונג עלעמענט, אָבער, איז אַ ביסל ווייניקער קלאָר.
פילע מענטשן גלויבן אַז די HTML עלעמענטן אָפּטיילונג און זענען טאַקע נאָר די זעלבע זאַך-דזשאַנעריק קאַנטיינער עלעמענטן געניצט צו אַנטהאַלטן אינהאַלט אויף אַ וועב בלאַט. די פאַקט, אָבער, איז אַז די צוויי עלעמענטן, בשעת ביידע זייַנען קאַנטיינער עלעמענטן, זענען עפּעס אָבער דזשאַנעריק. עס זענען ספּעציפיש סיבות צו נוצן די אָפּטיילונג עלעמענט און דער דיוו עלעמענט - און דעם אַרטיקל וועט דערקלערן די דיפעראַנסיז.
סעקשאַנז און דיווקס
די אָפּטיילונג אָפּטיילונג איז דיפיינד ווי אַ סעמאַנטיש אָפּטיילונג פון אַ וועב בלאַט אָדער פּלאַץ וואָס איז נישט אַן אנדערן ספּעציפיש טיפּ (ווי אַרטיקל אָדער באַזונדער). איך טענד צו נוצן דעם עלעמענט ווען איך בין מאַרקינג אַ באַזונדער אָפּטיילונג פון די בלאַט - אַ אָפּטיילונג וואָס קען כאָולסייל זיין אריבערגעפארן און געוויינט אויף אנדערע בלעטער אָדער טיילן פון דעם פּלאַץ. עס איז אַ באַזונדער שטיק פון אינהאַלט, אָדער אַ "אָפּטיילונג" פון אינהאַלט, אויב איר ווילט.
אין קאַנטראַסט, איר נוצן די דיוו עלעמענט פֿאַר טיילן פון די בלאַט איר ווילן צו טיילן, אָבער פֿאַר צוועקן, ווי סעמאַנטיקס . איך וואָלט וואַפּט אַ געגנט פון אינהאַלט אין אַ אָפּטייל אויב איך טאָן אַזוי ריין צו געבן אַ "קרוק" צו נוצן מיט CSS. עס קען ניט זיין אַ באַזונדער אָפּטיילונג פון אינהאַלט באזירט אויף סעמאַנטיקס, אָבער איז עפּעס איך בין דיקטייטינג אין סדר צו דערגרייכן דעם אויסלייג איך ווילן פֿאַר מיין בלאַט.
עס ס אַלע וועגן סעמאַנטיקס
דאָס איז אַ שווער באַגריף צו פֿאַרשטיין, אָבער דער בלויז חילוק צווישן די דיוו עלעמענט און דער סעקשאַן עלעמענט איז סעמאַנטיקס. אין אנדערע ווערטער, דאָס איז דער טייַטש פון די אָפּטיילונג פון קאָד איר זענט צעטיילט אַרויף.
קיין אינהאַלט וואָס איז כּולל ין אַ דיוו עלעמענט טוט נישט האָבן קיין טאָכיק טייַטש. עס איז בעסטער געניצט פֿאַר זאכן ווי:
- CSS סטיילז און כוקס פֿאַר קסס סטיילז
- Layout containers
- דזשאַוואַסקריפּט כוקס
- דיוויזשאַנז פֿאַר די HTML צו מאַכן עס גרינגער צו לייענען
דער דיוו עלעמענט געניצט צו זיין די בלויז עלעמענט מיר האָבן צו לייגן כאַקס צו סטיל אונדזער דאָקומענטן און שאַפֿן שפאלטן און פאַנטאַזיע לייאַוץ. ווייַל פון דעם, מיר ענדיקט זיך מיט HTML וואָס איז געווען רידאַלד מיט דיוו עלעמענטן - וואָס קען וועב דיזיינערז רופן "דיוויטיס." עס זענען אַפֿילו וויזיוויג רעדאקציע אַז געניצט די דיוו עלעמענט אויסשליסלעך. איך'ווע פאקטיש לויפן אַריבער HTML אַז ניצט די דיוו עלעמענט אַנשטאָט פון פּאַראַגראַפס!
מיט הטמל 5, מיר קענען אָנהייבן צו נוצן סעמסינג עלעמענטן צו מאַכן מער סעמאַנטיקאַללי דיסקריפּשאַנז פון דאָקומענטן (ניצן פֿאַר נאַוויגאַציע און פֿאַר דיסקריפּטיוו פיגיערז און אַזוי אויף) און אויך דעפינירן די סטיילז אויף די עלעמענטן.
וואָס וועגן די SPAN עלעמענט?
די אנדערע עלעמענט אַז רובֿ מענטשן טראַכטן פון ווען זיי טראַכטן פון די דיוו עלעמענט איז דער עלעמענט. דעם עלעמענט, ווי דיוו, איז ניט אַ סעמאַנטיק עלעמענט. עס איז אַ ינלינע עלעמענט אַז איר קענען נוצן צו לייגן כאַקס פֿאַר סטיילז און סקריפּס אַרום ינלינע בלאַקס פון אינהאַלט (יוזשאַוואַלי טעקסט). אין אַז זינען עס איז פּונקט ווי די דיוו עלעמענט, בלויז ינלינע אלא ווי אַ בלאָק עלעמענט . אין עטלעכע וועגן, עס קען זיין גרינגער צו טראַכטן פון די DIV ווי אַ פאַרשפּאַרן-מדרגה ספּאַנ עלעמענט און נוצן עס אין די זעלבע וועג איר וואָלט שפּאַן בלויז פֿאַר גאַנץ בלאַקס פון HTML צופרידן.
עס איז ניט פאַרגלייַכלעך ינלענדיש אָפּטיילונג עלעמענט אין הטמל 5.
פֿאַר עלטערע ווערסיעס פון Internet Explorer
אפילו אויב איר זענט טריינינג דראַמאַטיקלי עלטערע ווערסיעס פון הייסט (ווי IE 8 און נידעריקער) וואָס טאָן ניט רילייאַבלי דערקענען הטמל 5, איר זאָל נישט זיין דערשראָקן צו נוצן סעמאַנטיקלי ריכטיק HTML טאַגס. די סעמאַנטיקס וועט העלפן איר און דיין מאַנשאַפֿט פירן די בלאַט אין די צוקונפֿט (ווייַל איר וועט וויסן אַז דער אָפּטיילונג איז דער אַרטיקל אויב עס איז סעראַונדאַד דורך די אַרטיקל עלעמענט). פּלוס, בראַוזערז אַז טאָן דערקענען די טאַגס וועט זיין בעסער.
איר קענען נאָך נוצן HTML5 סעמאַנטיק סעטטינג עלעמענטן מיט Internet Explorer, איר נאָר דאַרפֿן צו לייגן סקריפּטינג און עפשער אַ ביסל אַרומיק דיוו עלעמענטן צו באַקומען זיי צו דערקענען די טאַגס ווי HTML.
ניצן דיוו און אָפּטיילונג עלעמענטן
אויב איר נוצן זיי ריכטיק, איר קענען נוצן ביידע דיווי און אָפּטיילונג עלעמענטן אין אַ גילטיק HTML5 דאָקומענט. ווי איר ווע געזען דאָ אין דעם אַרטיקל, איר נוצן די אָפּטיילונג אָפּטיילונג צו באַשטימען סעמאַנטיקלי דיסרעטע פּאָרשאַנז פון די אינהאַלט, און איר נוצן די דיוו עלעמענט ווי כאַקס פֿאַר קסס און דזשאַוואַסקריפּט און דיפיינינג אויסלייג וואָס טוט נישט האָבן אַ סעמאַנטיש טייַטש.
אָריגינעל אַרטיקל דורך דזשענניפער קרינן. Edited by Jeremy Girard on 3/15/17