Das article-Tag

Das Tag article ist für unabhängige, in sich geschlossene Blöcke einer Website vorgesehen, die als eigenständige Seite verwendet werden können.

Wenn Sie beispielsweise eine Website mit Artikeln haben, können Sie den Artikel in dieses Tag setzen. Wenn Sie Benutzerkommentare haben, kann jeder dieser Kommentare in dieses Tag gesetzt werden.

Wenn Sie für den Website-Inhalt das Tag main verwenden, dann kann article innerhalb von main platziert werden, aber nicht umgekehrt.

Beispiel

Setzen wir den Text des Artikels in das Tag article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>Überschrift</h1>
			<p>
				Text
			</p>
			<p>
				Text
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Beispiel

Setzen wir die Beiträge in article-Tags:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Neue Beiträge</h1>
		<article>
			<h2>Beitrag 1</h2>
			<p>
				Text
			</p>
			<p>
				Text
			</p>
		</article>
		<article>
			<h2>Beitrag 2</h2>
			<p>
				Text
			</p>
			<p>
				Text
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Siehe auch

das Tag section,
das Website-Blöcke gruppiert
das Tag header,
das den oberen Teil einer Website definiert
das Tag footer,
das den unteren Teil einer Website definiert
das Tag main,
das den Hauptteil einer Website definiert
das Tag nav,
das das Hauptmenü einer Website definiert
das Tag aside,
das den Nebenbereich einer Website definiert