From c92556ab81441a14cdf878b51062c9879bcdb301 Mon Sep 17 00:00:00 2001 From: Vitalii Perehonchuk Date: Fri, 5 Apr 2024 10:23:39 +0300 Subject: [PATCH 1/4] translation(HTML): web/html/element/section --- files/uk/web/html/element/section/index.md | 186 +++++++++++++++++++++ 1 file changed, 186 insertions(+) create mode 100644 files/uk/web/html/element/section/index.md diff --git a/files/uk/web/html/element/section/index.md b/files/uk/web/html/element/section/index.md new file mode 100644 index 0000000000..8c1980e6bd --- /dev/null +++ b/files/uk/web/html/element/section/index.md @@ -0,0 +1,186 @@ +--- +title: "
– узагальнений елемент розділу" +slug: Web/HTML/Element/section +page-type: html-element +browser-compat: html.elements.section +--- + +{{HTMLSidebar}} + +Елемент [HTML](/uk/docs/Web/HTML) **`
`** (розділ) представляє узагальнений самостійний розділ документа, для представлення якого немає конкретнішого семантичного елемента. Розділи завжди повинні мати заголовок, і винятки з цього правила – дуже рідкісні. + +{{EmbedInteractiveExample("pages/tabbed/section.html", "tabbed-standard")}} + +## Атрибути + +Цей елемент приймає лише [глобальні атрибути](/uk/docs/Web/HTML/Global_attributes). + +## Примітки щодо використання + +Як згадувалось вище, `
` є узагальненим розділовим елементом, і його слід використовувати лише тоді, коли немає більш конкретного елемента для представлення вмісту. Наприклад, глобальне меню навігації слід загортати в елемент {{htmlelement("nav")}}, але список результатів пошуку або виведення карти та її елементи управління не мають конкретних відповідних елементів і можуть бути поміщені всередину `
`. + +Також слід розглянути такі випадки: + +- Якщо вміст елемента є самостійною, неподільною одиницею вмісту, яку є сенс синдикувати як самостійний твір (наприклад, допис у блозі чи коментар у блозі, або стаття у газеті), краще використовувати елемент {{HTMLElement("article")}}. +- Якщо цей вміст представляє додаткову інформацію, яка корисна поруч з основним вмістом, але не є його безпосередньою частиною (наприклад, пов'язані посилання або біографія автора), використовуйте {{HTMLElement("aside")}}. +- Якщо вміст представляє головну область вмісту документа, використовуйте {{HTMLElement("main")}}. +- Якщо елемент використовується суто як обгортка для стилізації, використовуйте краще {{HTMLElement("div")}}. + +Іще одне повторення: кожен `
` повинен бути підписаний, зазвичай шляхом додавання заголовка (елемент {{HTMLElement("Heading_Elements", "h1")}} - {{HTMLElement("Heading_Elements", "h6")}}) як дочірнього щодо `
` елемента, де це можливо. Нижче дивіться приклади того, де можна зустріти `
` без заголовка. + +## Приклади + +### Приклад простого застосування + +#### До + +```html +
+

Заголовок

+

Купа крутого вмісту

+
+``` + +##### Результат + +{{EmbedLiveSample('do')}} + +#### Після + +```html +
+

Заголовок

+

Купа крутого вмісту

+
+``` + +##### Результат + +{{EmbedLiveSample('pislia')}} + +### Використання розділу без заголовка + +Умови, за яких можна зустріти `
` без заголовка, зазвичай трапляються в розділах вебзастосунків або інтерфейсів користувача, а не в структурах традиційних документів. У документі не дуже логічно мати окремий розділ вмісту без заголовка, що описує його вміст. Такі заголовки корисні для всіх читачів, але особливо корисні для користувачів допоміжних технологій, таких як читачі з екрана, а також вони добрі для SEO. + +Проте розгляньмо другорядний механізм навігації. Якщо глобальна навігація вже загорнута в елемент `