HTML5 layout

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Page Title</title>
        <meta name="description" content="">
        <link rel="stylesheet" href="/styles.css">
        <meta name="theme-color" content="#fafafa">
    </head>
    <body>
        <nav>
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/about">About</a></li>
            </ul>
        </nav>
        <main>
            <section>
                <article>
                    <header>
                        <h2>Title</h2>
                        <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
                    </header>
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                </article>
            </section>
        </main>

        <footer>
            (c) Me
        </footer>
        <script src="/scripts.js"></script>
    </body>
</html>