It is used to define an independent and self-contained element within a document. In other words, it should make sense on its own and can be distributed or reused independently of the rest of the site.
<article> can be a news item from a newspaper, a blog post, a forum post, a product card, a comment sent by a user, an interactive widget...
Typically, although not required, it usually has a header (
<h6>) that identifies each
<article> in the document.
They can be nested, such as each comment on a blog post would be an
<article> related to a superior
<article>, which would be the post.
To indicate the author of an
<article> you can use
<address> (although the
<article> nested inside it would not inherit it) and to indicate the publication date we would use the
<time> with its
Has an implicit ARIA role
- Type: block
- Self-closing: No
- Semantic value: Yes