HTML code examples

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 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>
For more complete information about compiler optimizations, see our Optimization Notice.
Categories: