Що таке «осмислена структура документа»?

«Осмислена структура документа» - це коли HTML-сторінка побудована не як купа випадкових <div>, а як логічно організований текст з ієрархією, сенсом і послідовністю, яку розуміють і людина, і машина.

---

#З чого вона складається:

1. Один <h1> - головна тема сторінки Він відображає суть: «Про що взагалі ця сторінка?»
2. Підзаголовки <h2>-<h6> - структура всередині Розбивають текст на логічні розділи та підрозділи. Як зміст у книзі.
3. Семантичні теги (<main>, <nav>, <article>, <section>, <aside>) Позначають сенс, а не просто «візуальний контейнер».
4. Чіткий порядок: шапка -> меню -> основний контент -> підвал Ані склеювань, ані каші. Читається зверху вниз як історія, а не ребус.
5. Очікувана поведінка елементів Кнопка - це <button>, посилання - <a>, форма - <form>. Не <div class="fake-button">.

---

#Що це дає:

• Користувачам - зрозумілу та передбачувану навігацію
• Скринрідерам - правильне озвучування та переміщення
• Пошуковикам - чітке уявлення про зміст і важливість
• Розробникам - читабельний і підтримуваний код

---

Підсумок: Осмислена структура - це коли документ можна читати, парсити й розуміти навіть без візуального оформлення. Вона говорить не тільки що на сторінці, а й чому це важливо і як усе пов'язано між собою.