Novi HTML5
ODJELJAK element može biti pomalo zbunjujući. Ako ste izgradili HTML dokumente prije HTML5, vjerojatno ćete već upotrebljavati element za izradu strukturnih odjeljaka unutar svojih stranica, a zatim oblikujte stranice s njima. Zato bi moglo izgledati prirodno jednostavno zamijeniti postojeće
DIV elementi s
ODJELJAK elementi. Ali ovo je tehnički netočno. Dakle, ako ne samo zamijenite
DIV elementi s
ODJELJAK elementi, kako ih pravilno upotrebljavate?
Element SECTION je semantički element
Prvo što treba shvatiti je da
ODJELJAK element je semantički element. To znači da korisnicima korisnika i ljudima daje značenje o sadržaju sadržaja - konkretno dijelu dokumenta.
Ovo se može činiti poput vrlo općenitog semantičkog opisa, i to zato što jest. Postoje i drugi elementi HTML5 koji pružaju više semantičkih razlika vašem sadržaju koje biste trebali koristiti prije korištenja
ODJELJAK element:
-
ČLANAK
-
izvan snage
-
NAV
Kada upotrebljavati Element odjeljka
Koristiti
ČLANAK element kada je sadržaj nezavisan dio web lokacije koji može samostalno stajati i biti sindiciran kao članak ili blog. Koristiti
izvan snage kada je sadržaj tangencijalno povezan s bilo sadržajem stranice ili samom web sučeljem, kao što su bočne trake, bilješke, fusnote ili povezane informacije o web-lokaciji. Koristiti
NAV element za sadržaj koji je navigacija.
ODJELJAK element je generički semantički element. Koristite ga kada nijedan od ostalih elemenata semantičkog spremnika nije prikladan. Koristite ga za kombiniranje dijelova dokumenta zajedno u diskretne jedinice koje možete opisati povezane na neki način. Ako elemente u odjeljku ne možete opisati u jednoj ili dvije rečenice, vjerojatno ne biste trebali koristiti element.
Umjesto toga, trebali biste upotrijebiti
DIV element.
DIV element u HTML5 je ne-semantički element spremnika. Ako sadržaj koji pokušavate kombinirati nema semantičko značenje, ali je i dalje trebate kombinirati za oblikovanje, a zatim
DIV element je odgovarajući element za upotrebu.
Kako funkcionira SECTION Element
Dio vašeg dokumenta može se prikazati kao vanjski spremnik za članke i
izvan snage elementi. Može sadržavati i sadržaj koji nije dio
ČLANAK ili
izvan snage,
ODJELJAK element se također može naći unutar
ČLANAK,
NAV, ili
izvan snage, Možete čak i dijeliti odjeljke kako bi naznačili da je jedna grupa sadržaja dio druge grupe sadržaja koji je dio članka ili stranice u cjelini.
ODJELJAK element stvara stavke unutar obrasca dokumenta. I kao takav, uvijek biste trebali imati element zaglavlja (
H1 kroz
H6) kao dio odjeljka. Ako ne možete pronaći naslov za odjeljak, a zatim ponovno
DIV element vjerojatno je prikladniji. Zapamtite, ako ne želite da se naslov odlomka pojavi na stranici, uvijek ga možete maskirati pomoću CSS-a.
Kada ne koristite Element odjeljka
Iznad gore navedenog savjeta za korištenje specifičnijih semantičkih elemenata prvo, postoji jedno određeno područje koje ne biste trebali koristiti
ODJELJAK element: samo za stil.
Drugim riječima, ako je jedini razlog zbog kojeg stavite element na to mjesto da pridružite CSS svojstva stila, ne biste trebali koristiti a
ODJELJAK element. Pronađite semantički element ili upotrijebite
U konačnici to ne može biti bitno
Poteškoća u pisanju semantičkog HTML je da ono što je semantički za mene može biti krajnje gluposti vama. Ako smatrate da možete opravdati korištenje
ODJELJAK element u svojim dokumentima, a zatim ga trebate koristiti. Većina korisničkih agenata ne zanima i prikazat će stranicu kao što očekujete da li ste stil
DIV ili a
ODJELJAK.
Za dizajnere koji vole biti semantički ispravni, koriste se
ODJELJAK element na semantički valjan način je važan. Za dizajnere koji samo žele da svoje stranice rade, to nije tako važno. Vjerujemo da je pisanje semantički valjanog HTML-a dobra praksa i čuva stranice buduće dokazane. Ali na kraju je na vama.
