Елемент article

Елементът article е предназначен за независими самодостатъчни блокове на сайта, които могат да бъдат използвани като самостоятелна страница.

Например, ако имате сайт със статии, то статията може да се постави в този елемент. Ако имате коментари от потребители, то всеки от тези коментари може да се постави в този елемент.

При това, ако имате елемент main за съдържанието на сайта, то article може да се разполага вътре в main, но не и обратно.

Пример

Оформяме текста на статията в елемент article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>Заглавие</h1>
			<p>
				текст
			</p>
			<p>
				текст
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Пример

Оформяме публикациите в елементи article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Нови публикации</h1>
		<article>
			<h2>Публикация 1</h2>
			<p>
				текст
			</p>
			<p>
				текст
			</p>
		</article>
		<article>
			<h2>Публикация 2</h2>
			<p>
				текст
			</p>
			<p>
				текст
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Вижте също

елемент section,
който групира блокове на сайта
елемент header,
който задава горната част на сайта
елемент footer,
който задава долната част на сайта
елемент main,
който задава основната част на сайта
елемент nav,
който задава главното меню на сайта
елемент aside,
който задава страничната част на сайта