HTML Elements Reference: ARTICLE Element

asp.net.ph

Home > Abakada: Back to Basics > Language References > HTML Elements > ARTICLE Element

Represents a self-contained unit of information.

HTML 5

<article
   class = classname
   id = value
   style = css_style_rules
   title = text
>

NOTE: Both start and end tags are required.

The <article> element represents a section of content that forms an independent part of a document, a self-contained unit of information that may be linked to or included in some other content body.

This could be a magazine or newspaper article, a forum post, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content that is, in principle, independently distributable or reusable, e.g. in syndication.

<article> tags may be nested, meaning there can be child article elements of a parent article element, representing content related to the contents of the outer element.

The element can be styled using CSS for typographical effects, to separate it visually from other element’s content.

The <article> element has no attribute of its own, but supports global attributes common to all HTML elements.

The following example shows how the <article> element may be used.

<article>
   <h2>What you should know</h2>
   <article>
      <h3>HTML</h3>
      <p>HTML is the standard language for Web pages. It comprises a family of markup languages 
         used for displaying information viewable in a web browser. </p>
   </article>
   <article>
      <h3>CSS</h3>
      <p>Cascading Style Sheets (CSS) is a style sheet language used for specifying the presentation 
         and styling of a document written in a markup language such as HTML or XML. </p>
   </article>
   <article>
      <h3>Javascript</h3>
      <p>JavaScript is a lightweight client-side programming language used to customize 
         the behavior of web pages. </p>
   </article>
</article>

which would render on a Web page as follows:

What you should know

HTML

HTML is the standard language for Web pages. It comprises a family of markup languages used for displaying information viewable in a web browser.

CSS

Cascading Style Sheets (CSS) is a style sheet language used for specifying the presentation and styling of a document written in a markup language such as HTML or XML.