SECTION-elementet er definert som en semantisk del av en webside eller et nettsted som ikke er en annen mer spesifikk type som ARTIKEL eller ASIDE. Designere bruker ofte dette elementet når de markerer en distinkt del av siden - en hel del som kan flyttes og brukes på andre sider eller deler av nettstedet. Det er et tydelig innhold.
I kontrast er DIV-elementet passende for deler av siden du vil dele opp til andre formål enn semantikk. For eksempel kan du pakke innhold i en DIV for å gi den en "krok" å style med CSS. Det er kanskje ikke en tydelig del av innholdet semantisk, men det er skilt fra hverandre slik at du kan oppnå ønsket layout eller følelse.
Det handler om semantikk
Den eneste forskjellen mellom DIV- og SECTION-elementene er semantikk — the betydning av innholdet du deler opp.
Alt innhold i et DIV-element har ingen iboende betydning. Den brukes best til ting som:
- CSS-stiler og kroker for CSS-stiler
- Oppsett containere
- JavaScript-kroker
- Divisjoner som gjør innhold eller HTML lettere å lese
DIV-elementet pleide å være det eneste tilgjengelige elementet for å legge kroker til stildokumenter og layouter. Før HTML5 var den typiske websiden full av DIV-elementer. Faktisk brukte noen WYSIWYG-redaktører utelukkende DIV-elementet, noen ganger i stedet for avsnitt.
HTML5 introduserte seksjonselementer som skapte mer semantisk beskrivende dokumenter og hjalp til med å definere stiler på disse elementene.
Hva med SPAN-elementet?
Et annet vanlig ikke-semantisk element er SPAN. Den er brukt på linje for å legge til kroker for stiler og skript rundt innholdsblokker (vanligvis tekst). Sånn sett er det akkurat som DIV, men er ikke et blokkeringselement. Tenk på DIV som et blokknivå-SPAN og å bruke det på samme måte, men for hele blokker med HTML-innhold.
HTML har ingen sammenlignbare seksjoner.
For eldre versjoner av Internet Explorer
Selv om du støtter dramatisk eldre versjoner av Microsofts Internet Explorer som ikke pålitelig gjenkjenner HTML5, bør du bruke semantisk korrekte HTML-koder. Semantikken vil hjelpe deg og teamet ditt med å administrere siden i fremtiden. De nyeste versjonene av Internet Explorer, samt erstatningen, Microsoft Edge, gjenkjenner HTML5.
Bruke DIV og SECTION Elements
Du kan bruke både DIV- og SECTION-elementer sammen i et gyldig HTML5-dokument — SECTION, for å definere semantisk diskrete deler av innholdet, og DIV, for å definere kroker for CSS, JavaScript og layout formål.
Original artikkel av Jennifer Krynin. Redigert av Jeremy Girard den 15.3.17.