Guide to semantic html5 tags

Semantics, the study of meaning in the fields of linguistics and logic, plays a crucial role in web development. By using semantic HTML, we assign a clear identity to the content of our pages through various tags.

From an HTML perspective, tags fall into two categories:

• 
  Semantic tags, which clearly define the content they enclose. For example, <p> denotes a paragraph, <h1> indicates a main title.


• 
  Non-semantic tags, such as <div> and <span>, which do not intrinsically convey …

a11y bestpractices clear development guide html identity linguistics logic perspective role semantic semantics study tags web web development