HTML <main> etiket

Definition og brug

<main> Tagget definerer hovedindholdet af dokumentet.

<main> Indholdet af elementet skal være unikt for dokumentet. Det bør ikke indeholde gentagne indhold fra flere dokumenter, såsom sidebånd, navigationslinks, copyrightinformation, websideemne og søgeformularer osv.

Bemærk:Dokumentet kan ikke have flere <main> elementet. <main> elementet kan ikke være <article>og<aside>og<footer>og<header> eller <nav> Efterkommere af elementet.

Eksempel

Eksempel 1

Specificer hovedindholdet af dokumentet:

<main>
  <h1>De mest populære browsere</h1>
  <p>Chrome, Firefox og Edge er de mest brugte browsere i dag.</p>
  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome er en internetbrowser udviklet af Google, der blev lanceret i 2008...</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox is an open-source web browser developed by Mozilla......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015......&</p>
  </article>
</main>

Try it yourself

Eksempel 2

Brug CSS til at sætte <main> Elements styl:

<html>
<head>
<style>
main {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<main>
  <h1>De mest populære browsere</h1>
  <p>Chrome, Firefox og Edge er de mest brugte browsere i dag.</p>
  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome er en internetbrowser udviklet af Google, der blev lanceret i 2008...</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox is an open-source web browser developed by Mozilla......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015......&</p>
  </article>
</main>
</body>
</html>

Try it yourself

Global attributes

<main> The tag also supports Global attributes in HTML.

Event attributes

<main> The tag also supports Event attributes in HTML.

Browser support

The numbers in the table indicate the first browser version to fully support this tag.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 12.0 21.0 7.0 16.0