This is a <header> element.

Breaking News

Catch up on all the latest news stories.

This page demonstrates the techniques outlined in the tutorial: An Introduction to the Structural Elements in HTML5.

This is a <section> element.

Top Story

This is an <article> element with <section> elements inside it.

This <section> element is the top news story article introduction, with an ID attribute of "intro". This can have other elements within it such as <p> and <div> as well as media items. This <section> is inside an <article>, which is in turn inside another <section>. The page content as a whole is divided into <section> elements, which can also divide the sections of an article as in this case.

This <section> element is the main content of the article, with an ID attribute of "story".

This <section> element is the conclusion or summary of the article, with an ID attribute of "conclusion".

This is a <section> element with <article> elements inside it.

Other News

Article Heading

Here is some article content.

Article Heading

Here is some article content.

Article Heading

Here is some article content.
This is a <section> element.

Audio and Video News