Topic
Semantic HTML
Semantic HTML uses elements according to the meaning of the content or interaction they represent.
At a glance
- Navigation action
- Link element
- Interface action
- Button element
Overview
Semantic HTML uses elements according to the meaning of the content or interaction they represent. Headings, navigation, tables, links, and buttons communicate structure and purpose to browsers and assistive tools, rather than relying only on appearance or custom scripting.
Native meaning
A native element can expose behavior and information that a generic container does not. Choosing the appropriate element gives the browser a stronger starting point for keyboard interaction and accessibility.
Structure and presentation
Meaningful structure remains valuable when styles change or are unavailable. Use headings to organize content and CSS to control their appearance instead of choosing heading levels solely for text size.
Sources and review
MOOR's explanatory text is supported by the following source links.
- Semantics — MDN Web Docs
- Page structure tutorial — W3C WAI