HTML/Seitenstrukturierung/article

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Das article-Element stellt in sich geschlossene Abschnitte eines Dokuments dar, vergleichbar mit einem Zeitungsartikel. Es ergibt deshalb Sinn, innerhalb von article-Elementen weitere strukturierende Elemente wie header, section oder footer unterzubringen.

  • HTML5
  • Chrome
  • Firefox
  • IE 9
  • Opera
  • Safari

Dabei kann article sowohl das Elternelement mehrerer sections , als auch z.B. als Kommentar eines Blogartikels Kindelement einer section sein.

Beispiel: Das Element article
<!doctype html> <html> <head> </head> <body> <header> <h1>Name unserer Seite</h1> <header> <article> <header> <h1>Überschrift des Artikels</h1> </header> <section> <h2>Kapitel 1</h2> <p>...</p> </section> <section> <h2>Kapitel 2</h2> <p>...</p> </section> <aside> <h2>Quellenangabe</h2> <ul>...</ul> </aside> </article> </body> </html>
Beachten Sie: Die Elemente article, section, nav und aside bilden jeweils ihren eigenen Inhaltsbereich. Deshalb stellen die meisten Browser Überschriften innerhalb dieser Elemente bereits als untergeordnete Überschriften dar. Siehe auch HTML/outline.


Empfehlung:
Die Angabe des role-Attributs: <article role="article"> ist nicht nötig, da dies der implizite Standardwert ist.

[Bearbeiten] siehe auch

[Bearbeiten] Weblinks

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML