Question based on html5
Briefly describe the correct usage of the following HTML5 semantic elements: <header>, <article>, <section>, <footer>.http://www.vayamtech.com/
<div class="parent">
<h2>Heading</h2>
<p>Enter Some content...</p>
<div class="child">
<h2>Enter Another heading</h2>
<p>Add More content...</p>
</div>
</div>
<body>
<header>
<div id="logo"> Item1 </div>
<nav>...</nav>
</header>
<main role="main">
<h1>Guitars</h1>
<p>Enter you massage. </p>
<article>
<h2> Item2</h2>
<p>...</p>
</article>
<article>
<h2> Item3 </h2>
<p>...</p>
</article>
</main>
</body>
<header>
< h1>first text</h1>
< h3>secondary text</h3>
< p>Some additional information here</p>
< /header>
< footer>
< p>this text displayed in footer</p>
< /footer>
<header>
// Type any information you want to display in the header
</header>
<footer>
// Type any information you want to display in the footer
</footer>
<article>
//Display articles or summary with bulletins.
</article>
<section>
<h1>Section</h1>
<p>I M Paragraph</p>
</section>