Semantic HTML is the practice of using HTML elements according to their intended meaning rather than for presentation alone. Elements such as header, nav, main, article, and button convey document structure and role to browsers and assistive technologies. It is a foundational requirement for accessible, machine-interpretable web content.
Content
- Correctly chosen elements give the browser an accessibility tree with implicit roles, states, and landmarks, letting screen readers convey structure without extra ARIA. Beyond accessibility, semantic markup improves SEO, maintainability, and the reliability of automated parsing and content extraction.