HTML Article Element

Article Content Relationships

Article Element Example

The HTML5 <article> element represents a complete or self-contained composition in a web page. Examples of articles include an item at a shopping site or a news article on a news site.



<article id=n01 role=region aria-label=News1>
  <h4>Artificial Intelligence Exceeds Expectations</h4>
  <p>This is the body of the News1 Article.</p>
</article>
<article id=n02 role=region aria-label=News2>
  <h4>Intelligent Humans Hack Alien Cyber Code</h4>
  <p>This is the body of the News2 Article.</p>
</article>

Article Element Output

Use the Region key command to navigate by Region, the Heading key command to navigate by Headings, and the Paragraph key command to navigate by Paragraphs.






Artificial Intelligence Exceeds Expectations


This is the body of the News1 Article.






Intelligent Humans Hack Alien Cyber Code


This is the body of the News2 Article.

Resources