basic_semantic_demo.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <!--
        Header part generally includes Logo and Heading of the website
    -->
<header>
</header>
<!--
    Nav bar generall includes hyper links to the other pages of the website
-->
<nav>

</nav>

<!--
    Main area to add the main content of the website
-->
<main>

</main>

<!--
    Optional section which consist logically sub part of the main content
-->
<section>

</section>

<!--
    This could be used to deal with forums or blogs
-->
<article>

</article>

<!--
    This could be used to include the copyright info, email , phone no., links to social media etc..
-->
<footer>

</footer>


</body>

</html>