A wann Dir ARTIKEL, ASIDE an DIV benotzt
Den neie HTML5 SECTION-Element kann e bësse verréckelen. Wann Dir HTML Dokumente virum HTML5 baut, kënnt Dir d'Säit schon mat dem Element benotze fir structurell Divisiounen an Ären Säiten z'ënnerstëtzen an d'Säiten mat hinnen ze stiléieren. Also et schéngt e bëssi wéi eng natierlech Saach ze ersetzen einfach Äert existent DIV Elemente mat SECTION Elementen ersetzen. Mä dëst ass technesch falsch. Also wann Dir net nëmmen ersetzt DIV Elemente mat SECTION Elementer, wéi benotzt Dir se richteg?
Den SECTION Element ass e Semantesch Element
Déi éischt Saache fir ze verstoen ass datt d'SECTION Element e semantesch Element ass. Dëst bedeit datt et Bénévolen fir Benotzer a Agente sinn iwwer dat wat den ennert zougehalen Inhalt ass, besonnesch e Abschnitt vum Dokument.
Dëst ka vläicht wéi eng ganz allgemeng semantesch Beschreiwung sinn, an dat ass well et ass. Et gi aner HTML5 Elementer déi méi semantesch Distinctionneren zu Ärem Inhalt hunn, déi Dir benotze sollt, ier Dir den SECTION Element benotze sollt:
- ARTIKEL
- ASIDE
- NAV
Wann Dir de SECTION Element benotze kënnt
Benotzt den ARTIKEL Element, wann den Inhalt en onofhängege Bestanddeel vun der Säit ass, déi eleng kann a syndiquéiert sinn wéi e Artikel oder Blog Post. Benotzt den ASIDE-Element, wann den Inhalt tangential mat dem Inhalt vun der Säit oder der Säit selwer verbonnen ass, z. B. Sidebar, Annotatiounen, Footnotes oder Associatiounen. Benotzt den NAV-Element fir Inhalt, wou Navigation ass.
Den SECTION-Element ass en generesche semantesch Element. Dir benotzt et net, wann keng vun den aneren semanteschen Containerelementer entspriechend sinn. Dir benotzt se fir Deel vun Ärem Dokument zesummen an diskrete Eenheeten, déi Dir beschreift sou vill ze beschreiwen. Wann Dir d'Elementer am Abschnitt net an engem oder zwee Saz beschreiwe wëllt, da sollt Dir wahrscheinlech net d'Element benotzen.
Amplaz sollt Dir den DIV-Element benotzen. Den DIV-Element an HTML5 ass en net-semanteschen Containerelement. Wann den Inhalt Dir probéiert ze kombinéieren, hu se keng semantesch Bedeitung, mä Dir musst et ëmmer ze stylelen kombinéieren, dann ass den DIV-Element e passende Element fir se ze benotzen.
Wéi den SECTION Element funktionnéiert
Eng Sektioun vun Ärem Dokument kann als äussert Container fir Artikelen an ASIDE Elementer erscheinen. Et kann och Inhalter enthalen, déi net Deel vun engem ARTIKEL oder ASIDE. E SECTION-Element kann och an engem ARTIKEL, NAV oder ASIDE fonnt ginn. Dir kënnt souguer Nest-Rubriken weisen datt eng Gruppe vu Inhalt en Abschnitt vun enger anerer Inhaltsverzeechnes ass, déi e Sekt vun engem Artikel oder der Säit als Ganzes ass.
D'Element SECTION kreéiert Elemente bannent engem Skript vum Dokument. A wéi Dir wëllt Dir ëmmer en Header-Element (H1 bis H6) als Deel vun der Rubrik hunn. Wann Dir net mat engem Titel fir de Sekt kënnt kënnt, da gëtt erëm den DIV-Element wahrscheinlech méi adäquat. Denkt drun, wann Dir net de Sektiountitel wëllt op der Säit kucken, da kënnt Dir et ëmmer mat engem CSS maskéieren.
Wann net de SECTION Element benotze kënnt
Iwwert d'Berodung uewen, fir déi méi spezifesch semantesch Elementer zuerst ze benotzen, gëtt et e definitive Gebitt dat Dir de SECTION Element net benotze sollt: fir Stil just.
An anere Wierder, wann den eenzegen Grond hutt Dir en Element an deem Plaz setzen, ass CSS-Stil-Properties anzemmeren, sollt Dir net e SECTION-Element benotzen. Fannt eng semantesch Element oder benotzt d'DIV-Element statt.
Endlech ass et net duer
E Schwieregkeetsgrad fir semantesch HTML ze schreiwen ass dat wat semantesch fir mech ass, ass onzefridde fir Iech. Wann Dir Iech fillt, datt Dir de SECTION-Element an Är Dokumenter justifiéiert hutt, da sollt Dir et benotzen. Déi meescht Benotzeragenturen këmmeren sech an d'Informatioun vun der Säit, wéi Dir Iech erwaart, ob Dir e DIV oder e SECTION stilt.
Fir Designer, déi semantesch korrekt sinn, benotzt de SECTION-Element op eng semantesch gëlteg Wichtegkeet. Fir Designers déi nëmmen hir Säiten wëllen ze schaffen, ass dat net esou wichteg. Ech sinn der Meenung, datt semantesch gülteg HTML eng gutt Praxis schreift an d'Säiten méi zukunftsweis gëtt. Mä am Schluss ass et Iech.