Semantic HTML are HTML tags that tell you what type of information each element should contain.
The <header>
element is used to introduce content.
nav
The <nav>
element is used to contain links.
article
The <article>
element is used to wrap content that can be isolated and make sense such as an article.
The <footer>
element is used at the end of a webpage or another element. They usually include copyright notices or links to related web pages.
div for layout
Semantic HTML tags should be used whenever you can.
It is ok to use <div>
tags for layout purposes.
If you are unsure about using a semantic HTML tag use a <div>
.
conclusion
Semantic HTMl tags helps the browser identify your pages easier and helps people who use screen readers navigate through the page.
To find out more about semantic HTML tags visit MDN.