Simple blogsite markup with Semantic HTML5 tags.

semantic-html-ex5.html

[...]
<div class="wrapper">
  <header>
    <h1>Logo</h1>
    <nav>
      <ul>
        <li><a href="link-1.html">Link 1</a></li>
        <li><a href="link-2.html">Link 2</a></li>
        <li><a href="link-3.html">Link 3</a></li>
      </ul>
    </nav>
  </header>
  
  <aside>
    <h2>Side Content</h2>
    [...]
  </aside>
  
  <main>
    <article>
      <h2>Article Title</h2>
      [...]
      <section>
        <h3>Article Section</h3>
        [...]
      </section>
    </article>
  </main>
  
  <footer>
    <small>Footer Content</small>
  </footer>
</div>
[...]