HTML Semantics: Writing Code That Actually Means Something

Title: HTML Semantics: Writing Code That Actually Means Something

URL Source: https://medium.com/@taiwoolusegun5079/html-semantics-writing-code-that-actually-means-something-cf3e14dc55f4?source=rss------seo-5

Published Time: 2026-04-12T20:55:43Z

Markdown Content:
# HTML Semantics: Writing Code That Actually Means Something | by Taiwoolusegun | Apr, 2026 | Medium

[Sitemap](https://medium.com/sitemap/sitemap.xml)

[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2F%40taiwoolusegun5079%2Fhtml-semantics-writing-code-that-actually-means-something-cf3e14dc55f4&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)

Get app

[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)

[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2F%40taiwoolusegun5079%2Fhtml-semantics-writing-code-that-actually-means-something-cf3e14dc55f4&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)


# HTML Semantics: Writing Code That Actually Means Something

[](https://medium.com/@taiwoolusegun5079?source=post_page---byline--cf3e14dc55f4---------------------------------------)

[Taiwoolusegun](https://medium.com/@taiwoolusegun5079?source=post_page---byline--cf3e14dc55f4---------------------------------------)

Follow

3 min read

·

1 hour ago

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fp%2Fcf3e14dc55f4&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40taiwoolusegun5079%2Fhtml-semantics-writing-code-that-actually-means-something-cf3e14dc55f4&user=Taiwoolusegun&userId=9cb44311bc5a&source=---header_actions--cf3e14dc55f4---------------------clap_footer------------------)

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fcf3e14dc55f4&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40taiwoolusegun5079%2Fhtml-semantics-writing-code-that-actually-means-something-cf3e14dc55f4&source=---header_actions--cf3e14dc55f4---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimension%3Dpost_audio_button%26postId%3Dcf3e14dc55f4&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40taiwoolusegun5079%2Fhtml-semantics-writing-code-that-actually-means-something-cf3e14dc55f4&source=---header_actions--cf3e14dc55f4---------------------post_audio_button------------------)

Share

## 1. Introduction

Imagine walking into a library where every book has the same blank cover. No titles, no author names, no genre labels. You’d eventually find what you need, but it would take forever and good luck asking someone else to find it for you. That’s exactly what a webpage looks like without HTML semantics.

HTML semantics simply means using HTML tags that describe **what your content actually is**, not just how it looks. Instead of wrapping everything in generic boxes, you use tags that tell the browser, “Hey, this is a header,” or “This is the main article.”

Why does this matter? Because the web isn’t just for human eyes. Search engines, screen readers, and even other developers rely on these meaningful tags to understand your pa