De tag article

De tag article is bedoeld voor onafhankelijke, zelfstandige blokken van een website, die kunnen worden gebruikt als een zelfstandige pagina.

Als u bijvoorbeeld een website met artikelen heeft, dan kunt u een artikel in deze tag plaatsen. Als u gebruikersreacties heeft, dan kunt u elk van deze reacties in deze tag plaatsen.

Tegelijkertijd, als u de tag main heeft voor de inhoud van de website, dan kan article zich in main bevinden, maar niet andersom.

Voorbeeld

Laten we de tekst van een artikel vormgeven in de tag article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>Kop</h1>
			<p>
				tekst
			</p>
			<p>
				tekst
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Voorbeeld

Laten we berichten vormgeven in tags article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Nieuwe berichten</h1>
		<article>
			<h2>Bericht 1</h2>
			<p>
				tekst
			</p>
			<p>
				tekst
			</p>
		</article>
		<article>
			<h2>Bericht 2</h2>
			<p>
				tekst
			</p>
			<p>
				tekst
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Zie ook

de tag section,
die blokken van een website groepeert
de tag header,
die het bovenste deel van een website definieert
de tag footer,
die het onderste deel van een website definieert
de tag main,
die het hoofdgedeelte van een website definieert
de tag nav,
die het hoofdmenu van een website definieert
de tag aside,
die het zijgedeelte van een website definieert