General Comments

• <section> is analogous to <div> but some browsers inject additional whitespace for <section>. In the interest of small screens, <div> is preferred.

Preferred Web Page Structure for HTML 5

<doctype>
<html>
    <head>
        <title>A</title>
        (SEO MATTER)
        (CSS DEFINITIONS)
    </head>
    <body>
        <nav></nav>
        <main>
            <section or div>
                <h1>A</h1>
                <article>
                    <heading>
                        <h2>B</h2>
                    </heading>
                    <section or div>
                        <h3>C1</h3>
                            content
                        <h3>C2</h3> (headings may nest to <h4>, <h5>, and <h6> as desired)
                            content
                        <h3>C3</h3>
                            content
                    </section or div>
                    <footer></footer>
                </article>
            </section or div>
        </main>
        <footer></footer>
        <link/> (JAVASCRIPT LINKS)
    </body>
</html>