Suggest an editImprove this articleRefine the answer for “Why is semantic markup needed?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**Semantic markup** is needed to simplify understanding the code, improve accessibility (a11y), improve SEO, separate logic from presentation, and match modern standards. **Key point:** semantic tags are about meaning, while CSS is about appearance, which simplifies maintenance, reuse, and scaling of the project.Shown above the full answer for quick recall.Answer (EN)ImageSemantic markup is needed to: --- ### 1. **Simplify understanding the code** Tags like `<header>`, `<nav>`, `<article>` immediately show what a block does. A developer does not need to guess what is hidden behind `<div class="box123">`. --- ### 2. **Improve accessibility (a11y)** Screen readers and other assistive technologies read the document's structure through tags. Semantics helps people with vision impairments navigate the page. --- ### 3. **Improve SEO** Search engine crawlers better understand where the main content is, where the navigation is, and where the secondary content is. This affects indexing and ranking. --- ### 4. **Separate logic and presentation** Semantic tags are about **meaning**, and CSS is about **appearance**. This simplifies maintenance, reuse, and scaling of the project. --- ### 5. **Match modern standards** HTML5 introduced new tags for a reason - they make the web cleaner, clearer, and friendlier to all participants in the ecosystem. --- **Conclusion:** semantic markup is like writing with correct punctuation: the meaning stays the same, but it becomes easier for everyone to read and interpret - a human, a machine, a browser.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.