Semantic HTML5
Use semantic layout elements so content is understandable to users and machines.
Estimated time: 60 min
Back to course homeLearning objectives
- Use header, nav, main, section, article, aside, and footer
- Avoid generic div-only layouts for page structure
- Create clear content landmarks for accessibility
Practice task
Refactor a div-based page into semantic HTML5 structure.
Full original lesson content
Open standalone version