Semantic HTML Beginner Guide

Batoul H.Batoul H.
1 min read

🚀 My Latest Project: Semantic HTML in Action

Today, I wrapped up a small but important project focused on Semantic HTML 🖥✨.

Semantic HTML is more than just “pretty code” — it’s about writing HTML that clearly describes its purpose. This makes websites:

More accessible for people using screen readers

Easier to maintain for developers

Better optimized for search engines

In this project, I practiced replacing generic <div> and <span> elements with meaningful tags like <header>, <main>, <article>, and <footer>.

🔗 Check it out here: [ https://github.com/Batoul2020/Semantic-HTML- ]

Whether you’re just starting in web development or looking to refine your skills, remember:

Clean, semantic code isn’t just nice to have — it’s essential.

0
Subscribe to my newsletter

Read articles from Batoul H. directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Batoul H.
Batoul H.

Volunteer Program Assistant passionate about child welfare, technology, and digital storytelling. Skilled in HTML, CSS, and JavaScript, and currently learning advanced programming. Combining technical skills with community work to create impactful solutions. Arabic native speaker, fluent in English, learning Spanish.