Thread by @swapnakpanda

🏙 Why should you use Semantic HTML?

✘ <div> ➜ <header> ✓
✘ <div> ➜ <nav> ✓
✘ <div> ➜ <section> ✓
✘ <div> ➜ <article> ✓
✘ <div> ➜ <aside> ✓
✘ <div> ➜ <main> ✓
✘ <div> ➜ <summary> ✓
✘ <div> ➜ <footer> ✓

But why?

⇩

➊ Improve site's SEO positioning
➋ Help your site accessible
➌ Closer to natural language, easier to maintain

➊ Improve site's SEO positioning

❏ Search Engines may analyse the code for our website.

❐ They may use markups, labels to better understand the purpose of our web page.

❏ Using Semantic tags helps in this purpose.

➋ Help your site accessible

❏ There are many users who depend upon a screen reader software to access the internet.

❐ Using proper Semantic tags would help in easier navigation through these screen readers.

❏ This way our site would be more accessible.

➌ Closer to natural language, easier to maintain

❏ Though semantic tags won't change the way text is displayed, but they are closer to a natural language.

❐ When a project grows, more pages are added. Having semantic tags, it's easier to maintain and orient new developers

With this, we come to the end of this 🧵

Follow {@swapnakpanda} for more Web Development tips.

If you found this 🧵 useful, please
♥️ Like
🔁 RETWEET
💬 Reply
the very FIRST tweet.

Take care. 👋