Hvad bruges main elementet til?

HTML-elementet main er en container, der bruges til at indeholde den vigtigste del af indholdet på en webside. Det bruges normalt til at indeholde den primære navigation, samt hovedindholdet, der skal vises til brugerne. Det hjælper med at identificere hovedindholdet på en webside, og det gør det lettere for søgemaskinerne at identificere vigtige sider. Det er det primære element, der bliver brugt til at strukturere indholdet på en webside, og det bør være det første element, der bruges i enhver strukturering. Det er også et af de vigtigste HTML-elementer, når det kommer til at skabe en god brugeroplevelse. Det bør være det element, som alle andre elementer relaterer til. Main elementet bruges til at definere det primære indhold, der skal vises til brugerne, og det bør kun bruges én gang på en webside.

Eksempler på main

Eksempel 1:
<main>
<h1>Velkommen til min hjemmeside</h1>
<p>Her kan du finde information om mit arbejde</p>
</main>

Denne kode bruger main-elementet til at definere hovedindholdet på siden, det vil sige den velkomsthilsen og den tilhørende beskrivelse.

Eksempel 2:
<main>
<h2>Om mig</h2>
<p>Jeg er en digital designere med 5 års erfaring.</p>
<p>Jeg har arbejdet med mange forskellige typer af webdesign og udvikling.</p>
</main>

Denne kode bruger main-elementet til at definere hovedindholdet på siden, det vil sige den korte beskrivelse af brugeren.

Eksempel 3:
<main>
<h2>Mine tidligere projekter</h2>
<ul>
<li>Projekt 1</li>
<li>Projekt 2</li>
<li>Projekt 3</li>
</ul>
</main>

Denne kode bruger main-elementet til at definere hovedindholdet på siden, det vil sige en liste over brugerens tidligere projekter.