Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Які нові семантичні теги з'явилися в HTML5?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)У HTML5 з'явилися нові семантичні теги: `<article>`, `<section>`, `<nav>`, `<header>`, `<footer>`, `<aside>`, `<figure>`/`<figcaption>`, `<main>`, `<mark>`, `<time>`, `<details>`/`<summary>`. **Ключове:** кожен із них позначає окрему структурну чи змістову частину сторінки - наприклад, `<nav>` це блок навігації, а `<main>` - основний змістовий блок сторінки.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення## Нові семантичні теги HTML5 Ось деякі з **нових семантичних тегів**, що з'явилися з HTML5: - `<article>` - самостійний фрагмент контенту (наприклад: пост, новина). ([FreeCodeCamp](https://www.freecodecamp.org/news/semantic-html5-elements/?utm_source=chatgpt.com)) - `<section>` - логічний розділ сторінки. ([FreeCodeCamp](https://www.freecodecamp.org/news/semantic-html5-elements/?utm_source=chatgpt.com)) - `<nav>` - блок навігації (набір посилань). ([AccessibilityOz](https://www.accessibilityoz.com/factsheets/html5/new-semantic-elements-in-html/?utm_source=chatgpt.com)) - `<header>` - шапка документа або розділу. ([W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp?utm_source=chatgpt.com)) - `<footer>` - підвал документа або розділу. ([W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp?utm_source=chatgpt.com)) - `<aside>` - побічний контент, не основний потік. ([FreeCodeCamp](https://www.freecodecamp.org/news/semantic-html5-elements/?utm_source=chatgpt.com)) - `<figure>` і `<figcaption>` - для ілюстрацій, діаграм і підписів. ([W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp?utm_source=chatgpt.com)) - `<main>` - основний змістовий блок сторінки. ([W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp?utm_source=chatgpt.com)) - `<mark>` - виділений текст. ([FreeCodeCamp](https://www.freecodecamp.org/news/semantic-html5-elements/?utm_source=chatgpt.com)) - `<time>` - дата або час. ([atlasiko.com](http://atlasiko.com)) - `<details>` і `<summary>` - для створення прихованого/розкривного блока. ([geeksforgeeks.org](http://geeksforgeeks.org))Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.