Structura semantică a paginii
Elementul article
Elementul article reprezintă un bloc integral de informații pe pagina, care poate fi considerat separat și utilizat independent de alte blocuri. De exemplu, acesta poate fi un post pe un forum sau un articol într-un blog, jurnal online, comentariu al unui utilizator.
Un element article poate include mai multe elemente article. De exemplu, putem include întregul articol dintr-un blog într-un element article, și acest element va conține alte elemente article, care reprezintă comentarii la acest articol din blog.
Adică, articolul din blog poate fi considerat de noi ca o unitate semantică separată, și în același timp, comentariile pot fi, de asemenea, considerate separat, independent de alte conținuturi.
Utilizarea article pe exemplul unui articol din blog cu comentarii:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Semantica în HTML5</title>
</head>
<body>
<article>
<h2>Lorem ipsum</h2>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat ...
</div>
<div>
<h3>Comentarii</h3>
<article>
<h4>Nu e rău</h4>
<p>Articol normal</p>
</article>
<article>
<h4>Prostii</h4>
<p>Nu mi-a plăcut...</p>
</article>
<article>
<h4>Neclear</h4>
<p>Despre ce este toate acestea?</p>
</article>
</div>
</article>
</body>
</html>

Aici, întregul articol poate fi plasat într-un element article, și în același timp, fiecare comentariu separat reprezintă, de asemenea, un element article.
Când se utilizează article, trebuie luat în considerare faptul că fiecare element article trebuie să fie identificat prin includerea unui titlu h1-h6.