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.
Examples of <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 (<h1>
-<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 datetime
attribute.
Has an implicit ARIA role article
.
- Type: block
- Self-closing: No
- Semantic value: Yes
Top comments (0)