Tag article

Il tag article è destinato a blocchi indipendenti e autosufficienti del sito, che possono essere utilizzati come pagina autonoma.

Ad esempio, se hai un sito con articoli, puoi inserire l'articolo in questo tag. Se hai commenti degli utenti, ognuno di questi commenti può essere inserito in questo tag.

Inoltre, se hai il tag main per il contenuto del sito, allora article può essere posizionato all'interno di main, ma non viceversa.

Esempio

Inseriamo il testo dell'articolo nel tag article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>Intestazione</h1>
			<p>
				testo
			</p>
			<p>
				testo
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Esempio

Inseriamo i post nei tag article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Nuovi post</h1>
		<article>
			<h2>Post 1</h2>
			<p>
				testo
			</p>
			<p>
				testo
			</p>
		</article>
		<article>
			<h2>Post 2</h2>
			<p>
				testo
			</p>
			<p>
				testo
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Vedi anche

tag section,
che raggruppa i blocchi del sito
tag header,
che definisce l'intestazione del sito
tag footer,
che definisce il piè di pagina del sito
tag main,
che definisce la parte principale del sito
tag nav,
che definisce il menu principale del sito
tag aside,
che definisce la parte secondaria del sito