ClickStart logoHTML5 to the point

Using the new "structure" elements

HTML5 documents can be structured using the following elements:

Element

Sample Content

header

A logo and/or page title

nav

Site-wide links

section

A collection of news articles

article

A blog post or news article

aside

Links to recent and popular articles

footer

A copyright statement

Screenshot

A document could use the following structure:

Code

<header>
<h1>header</h1>
<p>overview of my header...</p>
</header>
<nav>
<ul>
<li>nav</li>
<li>nav</li>
<li>nav</li>
<li>nav</li>
</ul>
</nav>
<section>
<aside><p>aside</p></aside>
<article><p>article one...</p></article>
<article><p>article two...</p></article>
</section>
<footer><p>footer</p></footer>

Example

Click here to see an example.