Den nye HTML5
AFSNIT element kan være lidt forvirrende. Hvis du har lavet HTML-dokumenter før HTML5, er chancerne for, at du allerede bruger elementet til at oprette strukturelle opdelinger på dine sider, og derefter tilpasse siderne med dem. Så det kan virke som en naturlig ting at bare erstatte din eksisterende
DIV elementer med
AFSNIT elementer. Men det er teknisk ukorrekt. Så hvis du ikke bare erstatter
DIV elementer med
AFSNIT elementer, hvordan bruger du dem korrekt?
Sektion Element er et semantisk element
Den første ting at forstå er at
AFSNIT element er et semantisk element. Det betyder, at det giver mening til både brugeragenter og mennesker om, hvad det vedlagte indhold er specifikt et afsnit af dokumentet.
Dette kan virke som en meget generel semantisk beskrivelse, og det er fordi det er. Der er andre HTML5 elementer, der giver flere semantiske sondringer til dit indhold, som du skal bruge først, før du bruger
AFSNIT element:
-
GENSTAND
-
AREALER
-
NAV
Hvornår skal du bruge afsnit Element
Brug
GENSTAND element, når indholdet er en uafhængig del af webstedet, der kan stå alene og være syndikeret som en artikel eller et blogindlæg. Brug
AREALER element, når indholdet er tangentielt relateret til indholdet af siden eller selve webstedet, såsom sidebjælker, annoteringer, fodnoter eller tilhørende webstedsoplysninger. Brug
NAV element for indhold, der er navigation.
Det
AFSNIT element er et generisk semantisk element. Du bruger det, når ingen af de andre semantiske beholderelementer er egnede. Du bruger det til at kombinere dele af dit dokument sammen i diskrete enheder, som du kan beskrive som relateret på en eller anden måde. Hvis du ikke kan beskrive elementerne i afsnittet i en eller to sætninger, skal du sandsynligvis ikke bruge elementet.
I stedet skal du bruge
DIV element. Det
DIV element i HTML5 er et ikke-semantisk containerelement. Hvis det indhold, du forsøger at kombinere, ikke har en semantisk betydning, men du stadig skal kombinere den til styling, så
DIV element er det passende element til brug.
Hvordan afsnitelementet virker
Et afsnit af dit dokument kan vises som den ydre beholder til artikler og
AREALER elementer. Det kan også indeholde indhold, der ikke er en del af en
GENSTAND eller
AREALER. EN
AFSNIT element kan også findes i en
GENSTAND,
NAV, eller
AREALER. Du kan endda genoprette sektioner for at angive, at en gruppe af indhold er et afsnit af en anden gruppe af indhold, der er et afsnit af en artikel eller siden som helhed.
Det
AFSNIT element skaber elementer inde i et omrids af dokumentet. Og som sådan skal du altid have et headerelement (
H1 igennem
H6) som en del af afsnittet. Hvis du ikke kan komme med en titel til sektionen, så igen
DIV element er sandsynligvis mere passende. Husk, at hvis du ikke vil have sektionstitlen vist på siden, kan du altid maskere den med CSS.
Når man ikke bruger afsnit Element
Ud over rådene ovenfor for at bruge de mere specifikke semantiske elementer først, er der et bestemt område, som du ikke bør bruge
AFSNIT element: kun til stil.
Med andre ord, hvis den eneste grund til, at du lægger et element på det sted, er at vedhæfte CSS stilegenskaber, skal du ikke bruge en
AFSNIT element. Find et semantisk element eller brug
I sidste ende kan det ikke være noget
Et problem med at skrive semantisk HTML er, at det, der er semantisk for mig, kan være fuldstændig vrøvl for dig. Hvis du føler, at du kan retfærdiggøre at bruge
AFSNIT element i dine dokumenter, så skal du bruge det. De fleste brugeragenter er ligeglad og vil vise siden, som du måske ville forvente, om du stilte en
DIV eller a
AFSNIT.
For designere, der gerne vil være semantisk korrekte, ved hjælp af
AFSNIT element på en semantisk gyldig måde er vigtigt. For designere, der bare vil have deres sider til at arbejde, er det ikke så vigtigt. Vi mener, at at skrive semantisk gyldig HTML er god praksis og holder siderne mere fremtidssikrede. Men i sidste ende er det op til dig.
