Article element (HTML5)
   HOME

TheInfoList



Click Here for Items Related To - Article element (HTML5)
OR:
Article element (HTML5) on:   [Wikipedia]   [Google]   [Amazon]

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 HTML ...
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 HTML ...
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:

Entry Title

Header Info

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, macOS ...
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 librett ...
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 Article often refers to: * Article (grammar), a grammatical element used to indicate definiteness or indefiniteness * Article (publishing), a piece of nonfictional prose that is an independent part of a publication Article may also refer to: G ...