This are quick examples on how to use tags:
Header helps to create the outline of the document flow within the page:
<header>
<h1>Title goes here</h1>
<h2>And subtitle…</h2>
</header>
Nav defines the area where links for the page are:
<nav><a href=”/home/”>Home</a> |
<a href=”/blog/”>Blog</a> |
<a href=”/about/”>About</a> |
<a href=”/contact/”>Contact</a> |
</nav>
Article creates a meaningful section for stories, also useful for syndication:
<article>
<h1>Article</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu diam magna…</p>
</article>
Figure defines graphic elements contained in the document, and with the help of optional figcaption to create captions:
<figure>
<img src=”funnycat.jpg” alt=”I love cats.”>
<figcaption>Cat playing with toy</figcaption>
</figure>
Section is a generic section inside of the document, with it’s own structure:
<section>
<h1>Section</h1>
<p>…angam maid ue essidnepsuS .tile gnicsipida rutetcesnoc ,tema tis rolod muspi meroL</p>
</section>
Aside is a section considered related but not part of the main content, like side notes or archives:
<aside>
<h1>Archives</h1>
<ul>
<li>October 2011</li>
<li>September 2011</li>
<li>…</li>
</ul>
</aside>
Footer represents an ending message, usually copyright or contact information:
<footer>Foobar Inc ™</footer>
Source Intel AppUp(SM) Developer Program
Related News
