En as jo ARTICLE, ASIDE, en DIV brûke
It nije HTML5 SECTION-elemint kin wat ferwiderje. As jo HTML dokuminten foardat HTML5 bepaald binne, binne de kansers al gebrûk fan it elemint om struktureel divyzjes yn jo siden te meitsjen en de siden dêrnei te styl te meitsjen. Sa kin it wêze as in natuerlik ding om jo besteande DIV-eleminten te ferfangen troch SECTION-eleminten. Mar dit is technysk. Dus as jo net allinich DIV-eleminten ferfange mei SECTION-eleminten, hoe kinne jo se goed brûke?
It SECTION Element is in Semantyske elemint
It earste ding om te begripen is dat it elemint SEKSIT is in semantysk elemint. Dit betsjut dat it betsjuttet dat beide brûkers-aginten en minsken oer wat de bepalende ynhâld is, spesifyk in seksje fan it dokumint.
Dit kin wêze as in hiel algemiene semantyske beskriuwing, en dat is om't it is. Der binne oare HTML5-eleminten dy't mear semantyske ûnderskiedingen jouwe oan jo ynhâld dat jo earst brûke moatte foardat jo it elemint SEKSI brûke:
- LIDWURD
- ASIDE
- NAV
Wannear jo it SECTION-item brûke
Brûk it artikel-elemint as de ynhâld in unôfhinklik diel fan 'e side is dy't allinnich stean kin en syndikaare wurde as in artikel of blogpost. Brûk it ASIDE-elemint as de ynhâld tangensyn ferbûn is mei de ynhâld fan 'e side of de side sels, lykas sidebarren, annotaasjes, fuotnota's, of associated site information. Brûk it NAV-elemint foar ynhâld dy't navigaasje is.
It elemint SEKTION is in generikaare semantyk elemint. Jo brûke it as none fan 'e oare semantyske container eleminten passend binne. Jo brûke it om dielen fan jo dokumint te kombinearjen yn diskrete ienheden dy't jo op ienriedige wize beskriuwe kinne. As jo de eleminten net yn 'e paragraaf yn ien of twa sinnen beskriuwe, dan moatte jo wierskynlik it elemint net brûke.
Ynstee dêrfan moatte jo it DIV-elemint brûke. It DIV-elemint yn HTML5 is in net semantyske kontener elemint. As de ynhâld dy't jo te kombinearjen hawwe, hat gjin semantyske betsjutting, mar jo moatte it noch foar it styl meitsje, dan is it DIV-elemint it passende elemint om te brûken.
Hoe't it SECTION Element wurket
In ôfdieling fan jo dokumint kin ferskine as de eksterne kontener foar artikels en ASIDE-eleminten. It kin ek ynhâld ynhâlde dy't gjin diel is fan in ARTIKEL of ASIDE. In elemint SEKTION kin ek binnen in ARTIKEL, NAV, of ASIDE fûn wurde. Jo kinne sels sekjes sjen litte om oan te jaan dat ien groep ynhâld in sekere is fan in oare groep ynhâld dat in seksje is fan in artikel of de side as gehiel.
It elemint SEKTION makket items yn binnen in skema fan it dokumint. En as sadanich moatte jo altyd in koptekst (H1 oant H6) hawwe as in part fan 'e seksje. As jo net mei in titel foar de seksje komme kinne, dan is it DIV-elemint wierskynlik mear passend. Tink derom, as jo net wolle dat de seksje titel op dizze side ferskynt, kinst it altyd maskearje mei CSS.
Wannear't it ABC-Element net te brûken is
Njonken it advys hjirboppe, om't it de spesifike semantyske eleminten earst gebrûk makket, is der ien definieare gebiet wêrtroch't jo it elemint SECTION net brûke: foar allinich styl.
Mei oare wurden, as de iennichste reden dat jo in elemint sette yn dit plak, is om CSS-styl-eigenskippen oan te bieden, moatte jo gjin elemint SEKSI brûke. Sykje in semantyske elemint of brûke it DIV-elemint yn plak.
Uteinlik kin it net misse
In swierrichheid yn it skriuwen semantyske HTML is dat wat my semantysk wêze kin foar jo wêze. As jo fiele dat jo it rjochtbank brûke kinne yn 'e dokuminten, kinne jo it brûke. De measte brûkers-aginten sjogge jo net en sille de side werjaan, lykas jo kinne ferwachtsje as jo in DIV of in SECTION stylje.
Foar ûntwerper dy't semantysk korrekt wurde, is it gebrûk fan it elemint SEKTION op in semantysk jildich wize wichtich. Foar ûntwerper dy't krekt har siden wolle wurkje, is dat net sa wichtich. Ik leau dat it semantysk jildich skriuwen skriuwt goed en hâldt de siden mear takomstbestindich. Mar op it lêst is it oan jo.