Semantic HTML or Semantic markup

HTML stands for Hypertext Markup Language, is the primary markup language used to structure content on the web. Every single web page on the internet has at least some HTML markup included in its source code. HTML elements tell the browser how to display the content.

HTML Documents

<!DOCTYPE> Declaration

HTML Headings

HTML Paragraphs

HTML Links

HTML Images

For learning more about HTML, Click here.

Now let’s start learning about Semantic HTML

On the flip side of this equation, tags such as <b> and <i> are not semantic. They define only how the text should look (bold or italic), and don’t provide any additional meaning to the markup.

Why Semantic HTML?

  • Easy to understand: using elements with a clear meaning makes the website’s source code easier to read for other web developers (or for the future you).
  • Accessibility: semantic elements makes the web pages accessible for mobile devices, as well as for people with disabilities. This is because screen readers and browsers are better able to understand the code when it is written with semantic HTML.
  • It improves your website SEO: Search Engine Optimization (SEO) is a methodology of strategies, techniques, and tactics used to increase the number of visitors to a website. With better SEO, search engines are better able to identify the content of your website and weight the most important content appropriately.

Semantic element clearly describes its meaning to both the browser and the developer.

If you want to explore more. Click here.

--

--

Developer with 3 yrs of industrial experience in developing scalable web applications.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abhay Jain

Developer with 3 yrs of industrial experience in developing scalable web applications.