X

Headline

This is an important message requiring you to make a choice if you're based in the EU.

HTML-Tag <article>

Das Tag <article> wurde in HTML5 vor kurzem eingeführt. Es wird für die Bezeichnung der Unterteilung der Seite, ihrer logischen Blöcke, in denen unabhängige, beendete Komposition mit dem eigenen Sinn enthalten ist, verwendet.

Das Element <article> kann folgende Punkte enthalten:

  • Blogeintrag
  • Post im Forum
  • Nachricht
  • Kommentar

In einem HTML-Dokument können mehrere Tags <article> verwendet werden.

Syntax

Der Inhalt des Tages <article> wird zwischen den Start- <article> und Endtags </article> platziert. Im Tag <article> können die Kopfzeile von <h2> bis <h6> eingeschlossen werden. Wenn das Tag <h1> früher nicht verwendet wurde, wird so seine Platzierung zugelassen.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <article>
      <h1>Die Kopfzeile für den Artikel</h1>
      <p>Der Text, der unter dem Artikel angezeigt wird</p>
    </article>
  </body>
</html>

Ergebnis

Unten betrachten wir ein Beispiel, wo einige Tags <article> im Element <section> verwendet werden.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <section>
      <h1>Artikel über Blumen</h1>
      <article>
        <h2>Rosen </h2>
        <p>Die Rose war immer ein Symbol der Liebe, Schönheit, sogar des Krieges und der Politik. Die Sorten, die Farbe und sogar die Anzahl der Rosen haben symbolische Bedeutung. Besonders bekannt ist die Rose als die Blume der Liebe, besonders die rote Rose.</p>
      </article>
      <article>
        <h2>Lilien</h2>
        <p>Die Lilienblume symbolisiert Reinheit und raffinierte Schönheit. Je nach Farbe oder Typ kann die Lilienblüte unterschiedliche Bedeutungen haben.</p>
      </article>
    </section>
  </body>
</html>

Ergebnis

Attribute

Das Tag <article> unterschtützt Globale Attribute und Globale Eventhandler.


Browser-Support

6+ 4+ 5+ 11.1+


Finden Sie das nützlich?

Ähnliche Artikel