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
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
HTML
The language that defines the structure and content of web pages
SEO
Techniques to help your website appear higher in search engine results
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.
Frontend
The part of a website or app that users see and interact with directly
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage