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+ |
Übe dein Wissen
