Balise article

La balise article est destinée aux blocs indépendants et autonomes d'un site, qui peuvent être utilisés comme page indépendante.

Par exemple, si vous avez un site avec des articles, un article peut être placé dans cette balise. Si vous avez des commentaires d'utilisateurs, chacun de ces commentaires peut être placé dans cette balise.

Par ailleurs, si vous avez la balise main pour le contenu du site, alors article peut être placé à l'intérieur de main, mais pas l'inverse.

Exemple

Placons le texte de l'article dans la balise article :

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>En-tête</h1>
			<p>
				texte
			</p>
			<p>
				texte
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Exemple

Placons les posts dans des balises article :

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Nouveaux posts</h1>
		<article>
			<h2>Post 1</h2>
			<p>
				texte
			</p>
			<p>
				texte
			</p>
		</article>
		<article>
			<h2>Post 2</h2>
			<p>
				texte
			</p>
			<p>
				texte
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Voir aussi

la balise section,
qui regroupe les blocs d'un site
la balise header,
qui définit la partie supérieure du site
la balise footer,
qui définit la partie inférieure du site
la balise main,
qui définit la partie principale du site
la balise nav,
qui définit le menu principal du site
la balise aside,
qui définit la partie secondaire du site