From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- .../section/index.html" | 173 +++++++++++++++++++++ 1 file changed, 173 insertions(+) create mode 100644 "files/uk/web/html/\320\265\320\273\320\265\320\274\320\265\320\275\321\202/section/index.html" (limited to 'files/uk/web/html/елемент/section/index.html') diff --git "a/files/uk/web/html/\320\265\320\273\320\265\320\274\320\265\320\275\321\202/section/index.html" "b/files/uk/web/html/\320\265\320\273\320\265\320\274\320\265\320\275\321\202/section/index.html" new file mode 100644 index 0000000000..5b01234161 --- /dev/null +++ "b/files/uk/web/html/\320\265\320\273\320\265\320\274\320\265\320\275\321\202/section/index.html" @@ -0,0 +1,173 @@ +--- +title:
+slug: Web/HTML/Елемент/section +tags: + - HTML + - HTML секції + - Ве + - Елемент + - Посилання +translation_of: Web/HTML/Element/section +--- +

{{HTMLRef}}

+ +

HTML елемент <section> являє собою узагальнену секцію документу, яка допомагає категоризувати контент, зазвичай, заголовком. Кожний елемент <section> повинен бути ідентифікований, зазвичай, використанням заголовків ({{HTMLElement('h1')}}-{{HTMLElement('h6')}} element) в якості дочірнього елементу <section>.

+ +
+

Зауваження щодо використання :

+ +
    +
  • Якщо є доцільним розбивати на категорії контент у елементі {{HTMLElement("section")}} , то використовуйте замість нього елемент {{HTMLElement("article")}}.
    • +
  • Не використовуйте елемент {{HTMLElement("section")}} як загальний контейнер; цю функцію виконує елемент {{HTMLElement("div")}}, особливо тоді, коли секціонування призначено для стилізації. Емпіричне правило використання цього елементу полягає у тому, що розділ повинен логічно відображатись у контурі документу
    • +
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
Content categoriesFlow content, Sectioning content, palpable content.
Permitted contentFlow content.
Tag omission{{no_tag_omission}}
Permitted parent elementsAny element that accepts flow content. Note that a {{HTMLElement("section")}} element must not be a descendant of an {{HTMLElement("address")}} element.
DOM interface{{domxref("HTMLElement")}}
+ +

Атрибути

+ +

Цей елемент може включати в себе лише глобальні атрибути.

+ +

Приклад 1

+ +

До

+ +
<div>
+  <h1>Heading</h1>
+  <p>Bunch of awesome content</p>
+</div>
+ +

Після

+ +
<section>
+  <h1>Heading</h1>
+  <p>Bunch of awesome content</p>
+</section>
+
+ +

Приклад 2

+ +

До

+ +
<div>
+  <h2>Heading</h2>
+  <img src="bird.jpg" alt="bird">
+</div>
+
+ +

Після

+ +
<section>
+  <h2>Heading</h2>
+  <img src="bird.jpg" alt="bird">
+</section>
+
+ +

Специфікації

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComments
{{SpecName('HTML WHATWG', 'sections.html#the-section-element', '<section>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5.1', 'sections.html#the-section-element', '<section>')}}{{Spec2('HTML5.1')}} 
{{SpecName('HTML5 W3C', 'sections.html#the-section-element', '<section>')}}{{Spec2('HTML5 W3C')}} 
+ +

Підтримка веб-переглядачами

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support5{{CompatGeckoDesktop("2.0")}}9.011.104.1
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support2.2{{CompatGeckoMobile("2.0")}}9.011.05.0 (iOS 4.2)
+
+ +

Див. також

+ + -- cgit v1.2.3-54-g00ecf