Skip to main content

Practice ยท 2 of 2

Debug: Div Soup to Semantics

This page works, but it's meaningless to assistive tech: everything is divs. Restructure it: the first div becomes a header, the second a nav, the third main, and the last a footer. Keep every piece of text exactly where it is. Rules: - Exactly those four semantic elements, same order. - All text content unchanged. - No divs remain.

Difficulty: beginner

Back to lesson: Practice: Semantic HTML & Page Structure โ€” Practice