HTML/Seitenstrukturierung/main
Aus SELFHTML-Wiki
< HTML | Seitenstrukturierung(Weitergeleitet von Main)
Das main-Element enthält den (Haupt-)Inhalt einer Webseite. Dieser wurde bisher oft mit <div id="main">
oder <div id="content">
gekennzeichnet.
Details: caniuse.com
Empfehlung:
Durch die Auszeichnung des Hauptinhalts der Seite mit main
können Screenreader und andere alternative Ausgabegeräte diesen erkennen und beispielsweise Header oder Navigation überspringen (siehe auch Barrierefreiheit).
<main role="main">
ist nicht mehr nötig.Beispiel: Das main-Element
<!DOCTYPE html>
<html lang="de">
<head>
…
</head>
<body>
<header>
<h2>Name unserer Seite</h2>
</header>
<nav>
…
</nav>
<main>
<h1>Überschrift des Artikels</h1>
<p>weiterer Inhalt</p>
</main>
</body>
</html>
Beachten Sie: IE9-11 unterstützen das main-Element nicht. Allerdings ist ein Einsatz problemlos möglich, wenn Sie es im CSS mit
display: block;
auszeichnen.siehe auch[Bearbeiten]
- Tutorial HTML5-Seitenstrukturierung
- Referenz: main