Hypertext Markup Language, or HTML, is the code used to create websites. HTML uses elements—or tags—to advise browsers of the purpose of that content. Elements may or may not have semantic meaning. What is the difference?
According to Semrush Blog:
Semantic HTML, also known as semantic markup, refers to the use of HTML tags that convey the meaning—or semantics—of the content contained within them.
By adding semantic HTML tags to your pages, you provide additional information that helps define the roles and relative importance of the different parts of your page.
Semantic HTML tags are important for SEO (search engine optimization) because they indicate the role of the content within the tags.
Some examples of semantic elements are:
Non-semantic tags do not convey any meaning.
Some examples of non-semantic elements are:
Please do not use a semantic tag if the only reason for its use is because of how it has been styled to appear. This may create accessibility issues that inconvenience website visitors.
Contact [email protected] if you have questions or need assistance.