Why Learn HTML5 Semantic Tags

Brham Dev Mahato
2 min readMar 27, 2020

--

The simple way to visualize the HTML5 Semantic Tags.

Basic Html page

What Is Semantic Markup?

If you know a little about HTML(HyperText Markup Language) you will know that HTML tags are (mostly) used to format content — these tags tell the browser how to display the content on the page. Older Html tags give no indication as to what type of content they contain.

So now we have Semantic HTML5 tags that address this shortcoming by defining specific tags to indicate clearly what role is played by the content those tags contain.

Why do I need to use HTML5 Semantic tags?

  • Html5 tags easily identify the parts of the page.
  • Codes are clear and easy to maintain.
  • Help your site be accessible.
  • Improve your SEO positioning.

Visual HTML5 Semantic page

HTML5 Semantic Page

Htm4 Vs html5 tags

  • The syntax in HTML5 is simple as compared to HTML4.
  • HTML5 contains built-in support for multimedia files into a web page via video and audio tags.
  • With Html5 tags, it’s easy to get geographical locations for visitors visiting the site.
  • It has many new tags which were not present in html4 like canvas, video, audio
Html4 tags Vs Html5 tags

Conclusion

HTML5 semantic elements are here to help web developers to navigate through their web page with ease since the semantic elements together form a more structured layout.

--

--