DEV Community

Kunal Agrawal
Kunal Agrawal

Posted on

2 1

Semantic Tags in HTML, Don't use Div's, Improve your front end.

As we all know, it's important to get your content on top, trending, accessible to all.
In web basically google crawls and index all web pages today, according to it. It can index web page content properly.
Like use of the following HTML tags.

<nav>
<summary>
<article>
<aside>
<main>
<header>
<figure>
<section>
Enter fullscreen mode Exit fullscreen mode

This tags help to understand web pages content better.
Not only this improve SEO, but also helps interacting with blind people, if they are using accessibility tools.

Now u are ready to use these tags and get rid of div tag.
for more semantic tags. check this out at MDN Web Docs

Please feel free to comment queries, suggestions.
Have a great day, or make it great. 😃

Top comments (1)

Collapse
 
thesnowmanndev profile image
Kyle Martin

You have to use div at one point or another. But yes, using elements like nav, header, main, aside, summary, and footer as main containers is a good practice.

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay