All you need to do to use semantic html tags is avoid using <div&rt;
and instead use semantic tags such as <header>
, <article>
, <footer>
<header>
: The header tag is used to define introductory information about the page
<nav>
: The nav tag is used for navigation sections, such as those at the top of this page
<main>
: The main tag is used to contain the main/most important content of the page, you should only use one of these per page
<article
: The article tag is used for content which could stand alone from the rest of the page, such as this block of text
<aside>
: The aside tag is used for sidebars
<footer>
: The footer tag is used for the footer of the page, it is used to contain contact information, information about the content, copyright information and sometimes site navigation