Semantic HTML5 and proper use of tags I'm trying to develop a base for a blog using some of the new tags introduced in HTML5 and I want to not only make sure I'm using them correctly, but my code is also semantic. 

Here is just the 'sample' document.

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="content-type" content="text/html;charset=utf-8"/&gt;
&lt;title&gt;page title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class="container"&gt;
    &lt;header&gt;
        &lt;hgroup&gt;
            &lt;h1&gt;Blog title&lt;/h1&gt;
            &lt;h2&gt;Blog tagline goes here&lt;/h2&gt;
        &lt;/hgroup&gt;
        &lt;nav&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#top-level-link"&gt;Top Link&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#top-level-link"&gt;Top Link&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#top-level-link"&gt;Top Link&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/nav&gt;
    &lt;/header&gt;
    &lt;!-- &lt;hr&gt; commenting out so the answers still make sense --&gt;
    &lt;aside&gt;
        &lt;nav&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;sidebar link&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;sidebar link&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;sidebar link&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/nav&gt;
    &lt;/aside&gt;
    &lt;div class="content"&gt;
        &lt;article&gt;
            &lt;h3&gt;Article Header&lt;/h3&gt;
            &lt;section&gt;
                &lt;h4&gt;Section header&lt;/h4&gt;
                &lt;p&gt;Article section content&lt;/p&gt;
            &lt;/section&gt;
            &lt;section&gt;
                &lt;h4&gt;Section header&lt;/h4&gt;
                &lt;p&gt;Article section content&lt;/p&gt;
            &lt;/section&gt;
            &lt;section&gt;
                &lt;h4&gt;Section header&lt;/h4&gt;
                &lt;p&gt;Article section content&lt;/p&gt;
            &lt;/section&gt;
            &lt;footer&gt;
            posted by &lt;a rel="author" href="#"&gt;user&lt;/a&gt; on &lt;time datetime="2012-01-01T00:00+00:00"&gt;January 1st, 2012. 12:00pm&lt;/time&gt;
            &lt;/footer&gt;
        &lt;/article&gt;
        &lt;article&gt;
            &lt;h3&gt;Article Header&lt;/h3&gt;
            &lt;section&gt;
                &lt;h4&gt;Section header&lt;/h4&gt;
                &lt;p&gt;Article section content&lt;/p&gt;
            &lt;/section&gt;
                    &lt;!-- more sections may exist per article --&gt;
            &lt;footer&gt;
            posted by &lt;a rel="author" href="#"&gt;user&lt;/a&gt; on &lt;time datetime="2012-01-01T00:00+00:00"&gt;January 1st, 2012. 12:00pm&lt;/time&gt;
            &lt;/footer&gt;
        &lt;/article&gt;
        &lt;article&gt;
            &lt;h3&gt;Article Header&lt;/h3&gt;
            &lt;section&gt;
                &lt;h4&gt;Section header&lt;/h4&gt;
                &lt;p&gt;Article section content&lt;/p&gt;
            &lt;/section&gt;
                    &lt;!-- more sections may exist per article --&gt;
            &lt;footer&gt;
            posted by &lt;a rel="author" href="#"&gt;user&lt;/a&gt; on &lt;time datetime="2012-01-01T00:00+00:00"&gt;January 1st, 2012. 12:00pm&lt;/time&gt;
            &lt;/footer&gt;
        &lt;/article&gt;
    &lt;/div&gt;
    &lt;!-- &lt;hr&gt; Don't wanna make these guys look crazy --&gt;
    &lt;footer&gt;
    Page footer.
    &lt;/footer&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;


Can anyone see any misuse of the new tags or any better - cleaner way to write this?
Quick review:


Remove this damn &lt;hr&gt;, styling is for CSS.
In each &lt;section&gt;, you better have an &lt;h2&gt; :-)
You can add rel="author" to your &lt;a&gt; link on the author. Even better, you can use &lt;a href="https://url.to.google.plus/user?rel=author" rel="author"&gt;The author's name&lt;/a&gt; (Google will recognize this as a "rich snippet" and show your face in google results. Take a look at http://schema.org for more information). Rich snippets are a whole other topic, so I'll stop talking about it :)


Edit after your comment:


Each article should contain an &lt;h2&gt; for its article sections.
Each article should have its title in an &lt;h1&gt;. Yes, even if there are multiple &lt;h1&gt; in the main page. If there is just the titles on the main page (no article's text), feel free to use &lt;h2&gt;.
The &lt;h1&gt; on the frontpage is tolerated, not on the blog pages. Feel free to use it or not on the frontpage, but make sure that each blog page has the title of the post as an &lt;h1&gt;, not the site's name.


Related picture: