What is Semantic HTML?
Using HTML elements that clearly describe their meaning and purpose, like <nav>, <article>, and <header>.
Why It Matters
Semantic HTML improves accessibility, SEO, and code readability by making the page structure meaningful.
Real-World Example
Using <nav> for navigation instead of <div class='nav'> tells browsers and screen readers it contains navigation links.
“Understanding terms like Semantic HTML matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Related Terms
HTML
The language that defines the structure and content of web pages
Accessibility (a11y)
Designing and building websites so they can be used by everyone, including people with disabilities.
ARIA
A set of HTML attributes that make web content more accessible to people using assistive technologies.
SEO
Techniques to help your website appear higher in search engine results
From definition to deployment
Knowing the term is step one. Using it in something real is the rest.