Semantic HTML or Semantic markup

HTML Documents

<!DOCTYPE> Declaration

HTML Headings

HTML Paragraphs

HTML Links

HTML Images

Now let’s start learning about Semantic HTML

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.

--

--

--

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

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to Write ACM Articles With R Markdown

Learning to Code: Day 1

Integrating LVM with Hadoop and providing Elasticity to DataNode Storage

Python Memory Manager

A Pattern for a Data-Driven Reporting Microservice using Django

6 Tricks to Make Python F-strings More Functional and Write Fancy Print Statements

Java XChart-An alternative JFreeChart

An Outside Look in at Building a Great Team

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

Abhay Jain

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

More from Medium

How to prevent Cumulative Layout Shift for responsive images

The Enigmatic Modal

Web Professionals’ Top 13 Open-Source Software Apps

A Brief History of Web Layouts