En wanneer om ARTIKEL, ASIDE en DIV te gebruik
Die nuwe HTML5-afdeling element kan ietwat verwarrend wees. As jy HTML- dokumente voor HTML5 gebou het, is dit moontlik dat jy die element alreeds gebruik om strukturele afdelings binne jou bladsye te skep en dan die bladsye met hulle te styl. Dit lyk dus as 'n natuurlike ding om net jou bestaande DIV-elemente met AFDELING-elemente te vervang. Maar dit is tegnies verkeerd. Dus, as jy nie net DIV-elemente met AFDELING-elemente vervang nie, hoe gebruik jy dit korrek?
Die AFDELING Element is 'n Semantiese Element
Die eerste ding om te verstaan is dat die AFDELING-element 'n semantiese element is. Dit beteken dat dit betekenis gee aan beide gebruikersagente en mense oor wat die ingeslote inhoud is, spesifiek 'n gedeelte van die dokument.
Dit lyk dalk as 'n baie algemene semantiese beskrywing, en dit is omdat dit is. Daar is ander HTML5-elemente wat meer semantiese onderskeidings gee aan jou inhoud wat jy eers moet gebruik voordat jy die AFDELING-element gebruik:
- Artikel
- VOORSIENING
- NAV
Wanneer om die AFDELING Element te gebruik
Gebruik die ARTIKEL-element wanneer die inhoud 'n onafhanklike deel van die webwerf is wat alleen kan staan en gesindikeer word as 'n artikel of blogpos. Gebruik die ASIDE-element wanneer die inhoud tangentiaal verband hou met die inhoud van die bladsy of die werf self, soos sidebars, annotasies, voetnote of verwante werfinligting. Gebruik die NAV-element vir inhoud wat navigasie is.
Die AFDELING-element is 'n generiese semantiese element. U gebruik dit wanneer geen van die ander semantiese houerelemente gepas is nie. U gebruik dit om gedeeltes van u dokument saam te voeg in diskrete eenhede wat u op 'n manier as verwant kan beskryf. As u nie die elemente in die afdeling in een of twee sinne kan beskryf nie, moet u waarskynlik nie die element gebruik nie.
In plaas daarvan moet jy die DIV-element gebruik. Die DIV element in HTML5 is 'n nie-semantiese houer element. As die inhoud wat jy probeer kombineer nie 'n semantiese betekenis het nie, maar jy dit nog steeds moet kombineer vir stilering, dan is die DIV-element die toepaslike element om te gebruik.
Hoe die AFDELING Element werk
'N Gedeelte van u dokument kan as die buitenste houer vir artikels en ASIDE-elemente verskyn. Dit kan ook inhoud bevat wat nie deel van 'n ARTIKEL of ASIDE is nie. 'N AFDELING-element kan ook gevind word binne 'n ARTIKEL, NIW of ASIDE. U kan selfs gedeeltes nes om aan te dui dat een groep inhoud 'n gedeelte van 'n ander groep inhoud is wat 'n gedeelte van 'n artikel of die bladsy as geheel is.
Die AFDELING-element skep items binne 'n buitelyn van die dokument. En as sodanig moet jy altyd 'n hoofelement (H1 tot H6) hê as deel van die afdeling. As jy nie 'n titel vir die afdeling kan kry nie, dan is die DIV-element waarskynlik meer geskik. Onthou, as jy nie wil hê dat die seksietitel op die bladsy verskyn nie, kan jy dit altyd met CSS masker.
Wanneer nie die AFDELING Element gebruik nie
Behalwe die raad hierbo om die meer spesifieke semantiese elemente eerste te gebruik, is daar een bepaalde area wat u nie die AFDELING element mag gebruik nie: slegs vir styl.
Met ander woorde, as die enigste rede waarom jy 'n element in daardie plek plaas, is CSS-styl-eienskappe, moet jy nie 'n AFDELING-element gebruik nie. Vind 'n semantiese element of gebruik die DIV element eerder.
Uiteindelik mag dit nie saak maak nie
'N Probleme met die skryf van semantiese HTML is dat dit wat vir my semanties is, volkome onzin vir jou kan wees. As jy voel dat jy die AFDELING-element in jou dokumente kan regverdig, moet jy dit gebruik. Die meeste gebruikersagente gee nie om nie en sal die bladsy vertoon, aangesien jy kan verwag of jy 'n DIV of 'n AFDELING stileer.
Vir ontwerpers wat semanties korrek is, is die gebruik van die SECTION-element op 'n semanties geldige manier belangrik. Vir ontwerpers wat net wil hê hul bladsye moet werk, is dit nie so belangrik nie. Ek glo dat die skryf van semanties geldige HTML goeie praktyk is en die bladsye meer toekomsbeskermend hou. Maar op die ou end is dit aan jou.