Article element


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

Features and usage

The HTML5 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.

Examples

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


Insert Title Here

Insert a paragraph of text here




Forum entries and comments are typically implemented by nesting tags:


Attributes

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

Comparison with ''<section>''

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

Nesting examples

To better organize independent content tags can be nested inside tags:


Names of Shapes

There are several different types of shapes...



Triangles

Here is some info about triangles




Circles

These Pi-shaped wonders are mesmerizing and...





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


Articles about Paris Tourism




The Louvre

A must-see in Paris tourism...




Browser support

The following browsers have support for this element: