Element SECTION je opredeljen kot semantični odsek spletne strani ali spletnega mesta, ki ni druga natančnejša vrsta, na primer ARTICLE ali ASIDE. Oblikovalci ta element pogosto uporabljajo pri označevanju ločenega odseka strani - celotnega odseka, ki ga je mogoče premakniti in uporabiti na drugih straneh ali delih spletnega mesta. Je ločena vsebina.
Nasprotno pa je element DIV primeren za dele strani, ki jih želite razdeliti za druge namene semantika. Na primer, lahko nekaj vsebine zavijete v DIV, da dobite "kavelj" za oblikovanje s CSS. Morda ne gre za ločen odsek vsebine pomensko, vendar je ločen, tako da lahko dosežete želeno postavitev ali občutek.
Vse je v semantiki
Edina razlika med elementi DIV in SECTION je semantika - pomen vsebine, ki jo delite.
Katera koli vsebina, ki jo vsebuje element DIV, nima lastnega pomena. Najbolje se uporablja za stvari, kot so:
- Slogi CSS in kljuke za sloge CSS
- Postavitev posod
- Kavlji JavaScript
- Razdelki, ki olajšajo branje vsebine ali HTML-ja
Včasih je bil element DIV edini element, ki je bil na voljo za dodajanje kavljev za oblikovanje dokumentov in postavitev. Pred HTML5 je bila tipična spletna stran prežeta z elementi DIV. Nekateri uredniki WYSIWYG so dejansko uporabljali izključno element DIV, včasih namesto odstavkov.
HTML5 je predstavil elemente sekcij, ki so ustvarili bolj pomensko opisne dokumente in pomagali določiti sloge teh elementov.
Kaj pa element SPAN?
Drug pogost nesemantični element je SPAN. Uporablja se v vrsti da dodate kljuke za sloge in skripte okoli blokov vsebine (običajno besedila). V tem smislu je povsem kot DIV, vendar ni blokovni element. DIV si predstavljajte kot SPAN na ravni bloka in ga uporabljajte na enak način, vendar za celotne bloke vsebine HTML.
HTML nima primerljivega elementa za razdelitev v vrstici.
Za starejše različice Internet Explorerja
Tudi če podpirate dramatično starejše različice Microsoftovega Internet Explorerja, ki ne prepoznajo zanesljivo HTML5, uporabite semantično pravilne oznake HTML. Semantika vam bo v prihodnosti pomagala upravljati stran. Najnovejše različice Internet Explorerja in njegova zamenjava Microsoft Edge prepoznajo HTML5.
Uporaba elementov DIV in SECTION
Elemente DIV in SECTION lahko skupaj uporabite v veljavnem dokumentu HTML5 - SECTION semantično ločeni deli vsebine in DIV za določitev kljuk za CSS, JavaScript in postavitev namene.
Izvirni članek Jennifer Krynin. Uredil Jeremy Girard 15.3.17.