![image](https://user-images.githubusercontent.com/43377799/73551601-bf447680-4457-11ea-8ca7-2b4cc2b2c6e0.png) Its now one year experience with HTML and CSS, but I came to have a clear and better understanding after joining Microverse Bootcamp. what is semantic Html? Semantics is the study of language meaning, which is the words we use to communicate and for HTML is the mark up for documents. for example, a `

` tag indicates a paragraph. This is semantic because it represents paragraph display in a browser. On the flip side of this equation, tags like `` and `` are not semantic, because they define only how the text should look (bold or ) and do not provide any additional meaning to the markup. Why semantic in Html? Why is it important that our HTML is semantic? Well, for example, when it comes to finding a page on the internet, search engines ‘see’ the page without styles and the only way to understand which elements are more important is through marking. That is, if we put the name of the page inside a ‘

’ (paragraph) tag, it is likely to be lost in other content and not show up in the search engine results. But if we place it inside a `

` (header 1) tag, the search engines know that they have to give it more importance. Therefore, search engine optimization is a very good reason to use semantic markup. This is semantic: ![image](https://user-images.githubusercontent.com/43377799/73549982-d170e580-4454-11ea-910b-384de6a517ab.png) This is not: ![image](https://user-images.githubusercontent.com/43377799/73550100-05e4a180-4455-11ea-94bd-e0b5417475e5.png) Do we need to use Semantic tags: Yes. Use HTML5’s semantic elements Semantics tags have many benefits beyond pure efficiency and site performance in search engines. They help us build better site structures, and more importantly, they can seriously improve websites’ accessibility. And if you’re “not too concerned” about your site’s accessibility, consider for a moment that, according to the U.S. Census Bureau, about 1 in 5 people have some form of disability. HTML5 and semantics Published in October 2014, the HTML5 standard enjoys almost universal browser support today. All modern browsers support HTML5 — some older browsers like Internet Explorer do not. It improves and rationalizes the markup available for documents. Plus, it natively handles multimedia and graphical content, with the addition of the new `

samkiroko

HTML5 semantic tags: Why you need to use them

Join Our Newsletter. No Spam, Only the good stuff.