HTML5 Article is a
HTML5
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and final major HTML version that is a World Wide Web Consortium (W3C) recommendation. The current specification is known as the HT ...
semantic
Semantics (from grc, σημαντικός ''sēmantikós'', "significant") is the study of reference, meaning, or truth. The term can be used to refer to subfields of several distinct disciplines, including philosophy, linguistics and comput ...
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
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and final major HTML version that is a World Wide Web Consortium (W3C) recommendation. The current specification is known as the HT ...
element represents a complete composition in a
web page or
web application
A web application (or web app) is application software that is accessed using a web browser. Web applications are delivered on the World Wide Web to users with an active network connection.
History
In earlier computing models like client-serve ...
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 attribute
HTML attributes are special words used inside the opening tag to control the element's behaviour. HTML attributes are a modifier of an ''HTML element type''. An attribute either modifies the default functionality of an element type or provides fu ...
s 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 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 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
Google Chrome is a cross-platform web browser developed by Google. It was first released in 2008 for Microsoft Windows, built with free software components from Apple WebKit and Mozilla Firefox. Versions were later released for Linux, macO ...
5.0 and higher
**
Firefox
Mozilla Firefox, or simply Firefox, is a free and open-source web browser developed by the Mozilla Foundation and its subsidiary, the Mozilla Corporation. It uses the Gecko rendering engine to display web pages, which implements current and ...
4.0 and higher
**
Internet Explorer
Internet Explorer (formerly Microsoft Internet Explorer and Windows Internet Explorer, commonly abbreviated IE or MSIE) is a series of graphical user interface, graphical web browsers developed by Microsoft which was used in the Microsoft Wind ...
9.0 and higher
**
Safari
A safari (; ) is an overland journey to observe wild animals, especially in eastern or southern Africa. The so-called "Big Five" game animals of Africa – lion, leopard, rhinoceros, elephant, and Cape buffalo – particularly form an importa ...
4.1 and higher
**
Opera
Opera is a form of theatre in which music is a fundamental component and dramatic roles are taken by singers. Such a "work" (the literal translation of the Italian word "opera") is typically a collaboration between a composer and a libre ...
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
Rich Snippet Wordpress Plugins
HTML5
Article