Hvornår skal du bruge HTML5 SECTION Element

Den nye HTML5 afsnit element kan være noget forvirrende. Hvis du har bygget HTML-dokumenter før HTML5, er chancerne for, at du allerede bruger elementet til at oprette strukturelle opdelinger på dine sider og derefter style siderne med dem. Så det kan virke som en naturlig ting at blot erstatte din eksisterende DIV elementer med afsnit elementer. Men dette er teknisk forkert.

'Afsnittet' Element er et semantisk element

Det AFSNIT element er en semantisk element; det giver både brugeragenter og mennesker mening om, hvad det vedlagte indhold er - specifikt et afsnit i dokumentet.

Dette kan virke som en meget generel beskrivelse, og det er fordi det er. Der er andre HTML5-elementer der giver flere semantiske forskelle i dit indhold, som du først skal bruge, før du bruger afsnit element:

  • Artikel
  • Bortset fra
  • Nav

Hvornår skal du bruge 'sektionen' Element

Brug artikel element, når indholdet er en uafhængig del af webstedet, der kan stå alene og syndikeres som en artikel eller et blogindlæg. Brug

watch instagram stories
til side element, når indholdet er tangentielt relateret til enten indholdet på siden eller selve webstedet, såsom sidebjælker, kommentarer, fodnoter eller tilknyttet webstedsinformation. Brug nav element til indhold, der understøtter navigering på stedet.

Det afsnit element er et generisk semantisk element. Brug det, når ingen af ​​de andre semantiske containerelementer er passende. Det kombinerer dele af dit dokument til diskrete enheder, som du kan beskrive som relateret på en eller anden måde. Hvis du ikke kan beskrive elementerne i sektionen i en eller to sætninger, bør 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 prøver at kombinere, ikke har en semantisk betydning, men du stadig har brug for at kombinere det til styling, så er DIV element er det rette element at bruge.

Sådan fungerer 'sektionen' Element

En del af dit dokument kan vises som den ydre beholder til artikler og til side elementer. Det kan også indeholde indhold, der ikke er en del af et artikel eller til side. EN afsnit element kan også findes inde i et artikel, nav, eller til side. Du kan endda rede sektioner for at angive, at en gruppe af indhold er en sektion af en anden gruppe af indhold, der er en sektion af en artikel eller siden som helhed.

Det afsnit element opretter elementer inde i en kontur af dokumentet. Og som sådan skal du altid have et headerelement (H1 igennem H6) som en del af sektionen. Hvis du ikke kan komme med en titel til sektionen, bliver DIV element er sandsynligvis mere passende.

Hvis du ikke ønsker, at sektionstitlen skal vises på siden, kan du altid maskere den med CSS.

Hvornår skal man ikke bruge 'sektionen' Element

Der er et formål, som du ikke skal bruge afsnit element: kun til stil.

Med andre ord, hvis den eneste grund til at du lægger et element det sted er at vedhæfte CSS-stil egenskaber, skal du ikke bruge en afsnit element. Find en semantisk element eller brug DIV element i stedet.

I sidste ende betyder det måske ikke noget

Et problem med at skrive semantisk HTML er, at hvad der er semantisk for browseren, 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 ligeglade og viser siden, som du kunne forvente, om du styler en DIV eller a afsnit.

For designere, der kan lide at 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 fungere, er det ikke så vigtigt. At skrive semantisk gyldig HTML er god praksis og holder siderne mere fremtidssikrede. Men i sidste ende er det op til dig.

instagram story viewer