For my little blog website, I decided to use Jekyll. It comes with a nice sample theme that uses some of the new HTML5 semantic tags, I decided to keep them and add some more such as <main> or <aside>. I ended up having something like this.

  <header class="site-header">
    <a class="site-title" href="/">...</a>
  <div class="page-content">
        <h1>Why use HTML5 semantic tags?</h1>
  <footer class="site-footer">
    <ul class="site-tags">...</ul>
    <div class="license">...</div>

But why to use semantic tags instead of regular divs?

I decided to use semantic tags because web pages are read by both humans and programs, using these elements helps programs determine the purpose or role of various parts of my web page and this information could be extremely useful to; for example, screen readers or search engines.