Page structure

A page is build up of three main elements; the header (containing the logo and main navigation), the main content are, and the footer.

A basic page structure looks like this:

HTML code snippet

<html>
    <body>
        <div class="header-container">
            <header></header>
            <nav></nav>
        </div>
        <main>
            <article></article>
        </main>
        <footer></footer>
    </body>
</html>

The .header-container top, and <footer> bottom section are static. The <article> section provides the placeholder for the main content.