Semantic HTML are tags that convey meaning of the content.
For example <header>
implies that the content inside
the element is a header element.
<main>
is for main content, etc.
Why is Semantic HTML useful?
Semantic HTML is useful for two reasons:
- People with visual impairment rely on screen readers to understand a webpage. Semantic HTML makes it easier for screen readers to parse.
- Using Semantic HTML elements makes it easier for search engine software go through webpages. This is called SEO (Search Engine Optimization).