vanaf1979/head-vs-header.html

## head-vs-header.html
<!doctype html>
<html lang="en">
<head>
    <!-- This is your document head.-->
    <!-- It is not visible to the user, but it contains information for the browser,-->
    <!-- like the title, seo meta tags and stylesheet links.-->
    <!-- Docs; https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head -->
    <title>Document</title>
</head>
<body>

    <header>
        <!-- This is an example of a header tag.-->
        <!-- It is visible to the user, and gives semantic value to this section of the page.-->
        <!-- At the top of the page it is often used as a navigational section. -->
        <!-- docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header -->
        <H1>Your page title</H1>
    </header>

    <article>
        <header>
            <!-- This is another example of a header tag.-->
            <!-- In an article it is used to place your headings..-->
            <H1>Your page title</H1>
        </header>

        <!-- Article content goes here -->
    </article>

</body>
</html>