Why are semantic HTML elements important to use?


The main benefit of using semantic HTML elements is that it improves the accessibility of a website when used correctly. For example, text that is styled to look like a heading for a section of content, may not be exposed as a heading to a screen reader or search engine unless that text is wrapped in a heading element — h1, h2, h3, h4, h5, or h6.