HTML/Seitenstrukturierung/main

Aus SELFHTML-Wiki
< HTML‎ | Seitenstrukturierung(Weitergeleitet von Main)
Wechseln zu: Navigation, Suche

Das main-Element enthält den (Haupt-)Inhalt einer Webseite. Dieser wurde bisher oft mit <div id="main"> oder <div id="content"> gekennzeichnet.

  • HTML5
  • Android
  • Chrome
  • Firefox
  • Edge
  • Opera
  • Safari

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).

Die Angabe eines role-Attributs: <main role="main"> ist nicht mehr nötig.
Beispiel: Das main-Element
<!doctype html> <html> <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]

Weblinks[Bearbeiten]