Hvad bruges section elementet til?

HTML-elementet section er et container-element, der bruges til at indeholde relateret indhold. Det kan bruges til at opdele lange dokumenter op i flere korte sektioner eller dele en side op i relatede afsnit. Elementet er udformet til at give struktur til et webdokument, så det er let at navigere rundt i.

Sektioner er ofte organiseret med headings, der fortæller læseren hvad sektionen handler om. Disse headings skal defineres indenfor sektionen med et heading-element. Eksempelvis kan en sektion indeholde en h1-heading i toppen, som introducerer sektionen og derefter et par h2-headings, der definerer indholdet i sektionen.

Ud over headings, kan sektioner også indeholde andre elementer, herunder artikler, afsnit, figurer og figurer-caption elementer. Det er muligt at gruppere sektioner sammen for at skabe et hierarki af indhold, der hjælper med at gøre det lettere at navigere gennem et dokument.

Sektionerne kan også bruges til at styre udseendet af indholdet ved at anvende CSS. Det er derfor en fleksibel måde at organisere et webdokument på.

Eksempler på section

Eksempel 1:

<section>
<h2>Om os</h2>
<p>Vi er et lille firma der har specialiseret os i produktion af kvalitetsprodukter.</p>
</section>

Dette eksempel bruger elementet ‘section’ til at oprette et afsnit, der indeholder en titel og en kort beskrivelse af firmaet.

Eksempel 2:

<section>
<h2>Kontakt</h2>
<p>Du kan kontakte os på tlf.: 12345678 eller skrive til os på info@example.com</p>
</section>

Dette eksempel bruger elementet ‘section’ til at oprette et afsnit, der indeholder en titel og kontaktinformationer.

Eksempel 3:

<section>
<h2>Produkter</h2>
<ul>
<li>Produkt 1</li>
<li>Produkt 2</li>
<li>Produkt 3</li>
</ul>
</section>

Dette eksempel bruger elementet ‘section’ til at oprette et afsnit, der indeholder en titel og en liste over produkter.