The
HTML
Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It defines the content and structure of web content. It is often assisted by technologies such as Cascading Style Sheets ( ...
article element is
semantic
Semantics is the study of linguistic Meaning (philosophy), meaning. It examines what meaning is, how words get their meaning, and how the meaning of a complex expression depends on its parts. Part of this process involves the distinction betwee ...
element, similar to and . Introduced in
HTML5
HTML5 (Hypertext Markup Language 5) is a markup language used for structuring and presenting hypertext documents on the World Wide Web. It was the fifth and final major HTML version that is now a retired World Wide Web Consortium (W3C) recommend ...
, 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 element represents a complete composition in a
web page
A web page (or webpage) is a World Wide Web, Web document that is accessed in a web browser. A website typically consists of many web pages hyperlink, linked together under a common domain name. The term "web page" is therefore a metaphor of pap ...
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:
Content of entry...
Author: John Smith
Comment Info
Comment text...
Author: Jane Johnson
2nd Comment's Info
Comment text...
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. The element is effectively a specialized kind of and it 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 sometimes 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 Eiffel Tower
Standing at over 12 inches high...
The Louvre
A must-see in Paris tourism...
Browser support
The following browsers have support for this element:
*Desktop
**
Google Chrome 5.0 and higher
**
Firefox 4.0 and higher
**
Internet Explorer
Internet Explorer (formerly Microsoft Internet Explorer and Windows Internet Explorer, commonly abbreviated as IE or MSIE) is a deprecation, retired series of graphical user interface, graphical web browsers developed by Microsoft that were u ...
9.0 and higher
**
Safari
A safari (; originally ) is an overland journey to observe wildlife, wild animals, especially in East Africa. The so-called big five game, "Big Five" game animals of Africa – lion, African leopard, leopard, rhinoceros, African elephant, elep ...
4.1 and higher
**
Opera
Opera is a form of History of theatre#European theatre, Western theatre in which music is a fundamental component and dramatic roles are taken by Singing, singers. Such a "work" (the literal translation of the Italian word "opera") is typically ...
11.1 and higher
*Mobile
**
Android 2.2 and higher
**Firefox Mobile (Gecko) 4.0 and higher
**IE Mobile 9.0 and higher
**Safari Mobile 5.0 and higher
**Opera Mobile 11.0 and higher
References
{{reflist
External links
The article element- the current official specification at
WHATWG
The Web Hypertext Application Technology Working Group (WHATWG) is a community of people interested in evolving HTML and related technologies. The WHATWG was founded by individuals from Apple Inc., the Mozilla Foundation and Opera Software, ...
The article element- 2011 official specification at
W3CRich Snippet Wordpress Plugins
HTML5
Article