Semantic Elements
Semantic elements describe the meaning of a page section, which helps search engines and screen readers understand your content.
<header>for the top area<nav>for navigation links<main>for the main content<section>for a themed group<article>for a standalone piece<footer>for the bottom area
Semantic tags look like a plain div by default, but they carry meaning that improves accessibility and SEO.
Try it yourself
Loading editor…