Element SECTION definiran je kao semantički odjeljak web stranice ili web mjesta koji nije druga specifičnija vrsta kao što je ARTICLE ili ASIDE. Dizajneri često koriste ovaj element kada označavaju zaseban odjeljak stranice - čitav odjeljak koji se može premjestiti i koristiti na drugim stranicama ili dijelovima web mjesta. To je zaseban sadržaj.
Suprotno tome, element DIV prikladan je za dijelove stranice koje želite podijeliti u druge svrhe semantika. Na primjer, možete omotati neki sadržaj u DIV kako biste mu dali "udicu" za oblikovanje s CSS-om. Možda to nije semantički zaseban odjeljak sadržaja, ali izdvojen je tako da možete postići željeni izgled ili osjećaj.
Sve je u Semantici
Jedina razlika između elemenata DIV i SECTION je semantika - značenje sadržaja koji dijelite.
Bilo koji sadržaj sadržan u DIV elementu nema svojstveno značenje. Najbolje se koristi za stvari poput:
- CSS stilovi i kuke za CSS stilove
- Izgled spremnika
- JavaScript kuke
- Podjele koje olakšavaju čitanje sadržaja ili HTML-a
DIV element nekada je bio jedini dostupan element za dodavanje kuka u stilski dokumente i izglede. Prije HTML5, tipična web stranica bila je prožeta DIV elementima. U stvari, neki urednici WYSIWYG-a koristili su isključivo element DIV, ponekad umjesto odlomaka.
HTML5 je predstavio elemente sekcije koji su stvorili više semantički opisnih dokumenata i pomogli u definiranju stilova na tim elementima.
Što je s elementom SPAN?
Drugi uobičajeni nesemantički element je SPAN. Koristi se u redu za dodavanje kuka za stilove i skripte oko blokova sadržaja (obično teksta). U tom smislu, to je točno poput DIV-a, ali nije blok element. Zamislite DIV kao SPAN na razini bloka i upotrebljavajte ga na isti način, ali za cijele blokove HTML sadržaja.
HTML nema usporediv element umetnutog presjeka.
Za starije verzije Internet Explorera
Čak i ako podržavate dramatično starije verzije Microsoftovog Internet Explorera koje ne prepoznaju pouzdano HTML5, trebali biste koristiti semantički ispravne HTML oznake. Semantika će vam pomoći da u budućnosti upravljate stranicom. Najnovije verzije Internet Explorera, kao i njegova zamjena, Microsoft Edge, prepoznaju HTML5.
Korištenje DIV i SECTION elemenata
Za definiranje možete koristiti i elemente DIV i SECTION zajedno u važećem HTML5 dokumentu — SECTION semantički diskretni dijelovi sadržaja i DIV za definiranje udica za CSS, JavaScript i izgled svrhe.
Izvorni članak Jennifer Krynin. Uredio Jeremy Girard, 15.3.17.