Article element (HTML5)

HTML5 Article is a HTML5 semantic element, similar to <section> and <header>. It is most commonly used to contain information that may be distributed independently from the rest of the site or application it appears in.

The HTML5 <article> element represents a complete composition in a web page or web application that is independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

At its most basic, <article> can be used to encapsulate a body of text and a corresponding title like so:

Forum entries and comments are typically implemented by nesting <article> tags:

The <article> element only includes the global HTML attributes such as contenteditable, id, and title. However, pubdate, an optional boolean attribute of the <time> element, is often used in conjunction with <article>. If present, it indicates that the <time> element is the date the <article> was published. Note that pubdate applies only to the parent <article> element, or to the document as a whole.

HTML5 introduced both <article> and <section>. Both are semantic tags, defining sections in a document, such as chapters, headers, footers but the <article> element is effectively a specialized kind of <section> has a more specific meaning, referring to an independent, self-contained block of related content.

To better organize independent content <section> tags can be nested inside <article> tags:

Conversely, it may sometime be appropriate to nest an <article> element inside a <section> element. For example, in a web page containing several articles on varying subjects:

...
Wikipedia