TimeAddress

by giacal

HTML

<div id="container">
<header>
    <h1>HTML5 blog</h1>
    <nav>
        <ul>
            <li><a href="/home">home</a></li>
            <li><a href="/chi-siamo">chi siamo</a></li>
            <li><a href="/gallery">gallery</a></li>
        </ul>
    </nav>
</header>

<article>
    <header>
        <hgroup>
            <h1>Titolo dell'articolo</h1>
            <h2>Sottotitolo dell'articolo</h2>
        </hgroup>            
        <p class="info">
            
            <address>
                scritto da 
            <a href="http://sandropaganotti.com">Sandro Paganotti</a>
            </address>        
                
            <time datetime="2012-10-03">
             il 3 Ottobre 2012 
            </time>
        </p>
    </header>
    <p> 
        Testo dell'articolo...
    </p>    
    <aside>
        <h1>dietro le quinte</h1>:
        <p> 
            Qui parliamo di come l'articolo e' stato steso, delle 
            interviste necessarie, ecc...
        </p>
    </aside>  
    <footer>
        <p> 
            Categoria: <a href="/reportage">reportage</a> <br/>
            Tags: <a href="/tag1">tag1</a>, <a href="/tag2">tag2</a>
        </p>            
    </footer>
</article>

<section id="altri_articoli">
    <article> 
        <header>
            <h1>Titolo dell'articolo</h1>
            <p class="data">
                <time datetime="2012-10-01">
                    01 Ottobre 2012</time>
            </p>
        </header>
        <p> 
            Altro testo dell'articolo... 
            <a href="/articolo1">continua a leggere</a>               
        </p>
    </article>
    <article> 
        <header>
            <h1>Altro articolo</h1>
            <p class="data">20 Settembre 2012</p>
        </header>    
        <p> 
            Altro testo dell'articolo... 
            <a href="/articolo1">continua a leggere</a>               
        </p>
    </article>
</section>
    
<aside id="blogroll">
    <h1> Blogroll </h1>
    <ul>
       ...