I Kada koristiti ARTIKAL, ASIDE i DIV
Novi HTML5 SECTION element može biti zbunjujući. Ako ste izgradili HTML dokumente pre HTML5, verovatno je da već koristite element da biste kreirali strukturne podjele unutar svojih stranica, a zatim ih stajali s njima. Dakle, čini se prirodnim stvarima da jednostavno zamenite postojeće DIV elemente sa elementima SECTION. Ali to je tehnički netačan. Dakle, ako ne samo da zamijenite DIV elemente sa elementima SECTION, kako ih pravilno koristite?
Element SECTION je semantički element
Prva stvar koju treba razumjeti je da je element SECTION semantički element. To znači da on daje smisao i korisničkim agencijama i ljudima o tome šta je priloženi sadržaj - posebno deo dokumenta.
Ovo može izgledati kao vrlo opšti semantički opis, a to je zato što jeste. Postoje i drugi HTML5 elementi koji pružaju više semantičkih razlika za vaš sadržaj koji biste trebali koristiti prije nego što upotrebite element SECTION:
- ČLANAK
- SA STRANE
- NAV
Kada koristiti element SECTION
Koristite element ARTICLE kada je sadržaj nezavisni deo sajta koji može da stoji samostalno i da se sindikuje kao članak ili blog post. Koristite ASIDE element kada je sadržaj tangencijalno povezan sa sadržajem stranice ili samom sajtu, kao što su bočne trake, primedbe, fusnote ili srodne informacije o lokaciji. Koristite NAV element za sadržaj koji je navigacija.
Element SECTION je generički semantički element. Koristite ga kada nijedan drugi element semantičke kontejnera nije odgovarajući. Koristite ga da biste zajedno delili deo vašeg dokumenta zajedno u diskretne jedinice koje možete opisati kao vezane na neki način. Ako ne možete opisati elemente u odeljku u jednoj ili dve rečenice onda verovatno ne biste trebali koristiti element.
Umesto toga, trebalo bi da koristite DIV element. DIV element u HTML5 je nesemantični element kontejnera. Ako sadržaj koji pokušavate da kombiniramo nema semantičko značenje, ali ga i dalje treba kombinovati za stajling, onda je DIV element odgovarajući element za korišćenje.
Kako funkcioniše SECTION element
Deo vašeg dokumenta može se pojaviti kao spoljašnji kontejner za članke i ASIDE elemente. Takođe može sadržati sadržaj koji nije dio ARTIKLA ili ASIDE. Element SEKCIJA se takođe može pronaći unutar ARTIKLA, NAV ili ASIDE. Čak možete i gnezditi odeljke kako biste ukazali na to da je jedna grupa sadržaja dio druge grupe sadržaja koji je dio članka ili stranice u cjelini.
Element SECTION kreira stavke unutar okvira dokumenta. I kao takav, uvijek biste trebali imati element zaglavlja (H1 do H6) kao dio sekcije. Ako ne možete izaći sa naslovom za odjeljak, onda je DIV element vjerovatno više prikladan. Zapamtite, ako ne želite da se naslov poglavlja pojavljuje na stranici, uvek možete da je maskiramo CSS-om.
Kada se ne koristi element SECTION
Osim gore navedenog savjeta za korištenje specifičnih semantičkih elemenata, prvo je definitivno područje da ne treba koristiti element SECTION: samo za stil.
Drugim rečima, ako jedini razlog što stavljate element na to mesto je da dodate svojstva CSS stila, ne biste trebali koristiti element SECTION. Pronađite semantički element ili umesto toga koristite DIV element.
U konačnici to možda nije važno
Teškoća u pisanju semantičkog HTML-a je da ono što mi je semantično može biti potpuno glupo za vas. Ako mislite da možete opravdati korišćenje elementa SECTION u vašim dokumentima, onda ga trebate koristiti. Većina korisničkih agenata nije briga i prikazaće stranicu kako biste mogli očekivati da li oblikujete DIV ili SECTION.
Za dizajnere koji vole da budu semantički ispravni, korišćenje elementa SECTION na semantički ispravan način je važno. Za dizajnere koji samo žele da svoje stranice rade, to nije toliko važno. Verujem da je pisanje semantički validnog HTML-a dobra praksa i zadržava stranice u budućnosti. Ali na kraju to zavisi od vas.