Web Development
web
html
accessibility
What is Semantic HTML?
Definition
Semantic HTML uses elements that convey meaning about their content: <article> for articles, <nav> for navigation, <header>/<footer> for page structure, <main> for primary content, and <section> for thematic grouping.
Why It Matters
Semantic HTML improves accessibility (screen readers use landmarks), SEO (search engines understand content structure), and maintainability. Using <div> for everything is an anti-pattern — semantic elements communicate purpose to machines and developers.