Tag-ul article

Tag-ul article este destinat pentru blocuri independente și autonome ale site-ului, care pot fi utilizate ca pagină independentă.

De exemplu, dacă aveți un site cu articole, atunci articolul poate fi plasat în acest tag. Dacă aveți comentarii ale utilizatorilor, atunci fiecare dintre aceste comentarii poate fi plasat în acest tag.

În același timp, dacă aveți tag-ul main pentru conținutul site-ului, atunci article poate fi plasat în interiorul main, dar nu invers.

Exemplu

Să formatăm textul articolului în tag-ul article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>Header</h1>
			<p>
				text
			</p>
			<p>
				text
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Exemplu

Să formatăm postările în tag-urile article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Postări noi</h1>
		<article>
			<h2>Postarea 1</h2>
			<p>
				text
			</p>
			<p>
				text
			</p>
		</article>
		<article>
			<h2>Postarea 2</h2>
			<p>
				text
			</p>
			<p>
				text
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Vedeți și

tag-ul section,
care grupează blocurile site-ului
tag-ul header,
care definește partea de sus a site-ului
tag-ul footer,
care definește partea de jos a site-ului
tag-ul main,
care definește partea principală a site-ului
tag-ul nav,
care definește meniul principal al site-ului
tag-ul aside,
care definește partea secundară a site-ului