From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/html/element/section/index.html | 146 +++++++++++++++++++++++++++ 1 file changed, 146 insertions(+) create mode 100644 files/ru/web/html/element/section/index.html (limited to 'files/ru/web/html/element/section/index.html') diff --git a/files/ru/web/html/element/section/index.html b/files/ru/web/html/element/section/index.html new file mode 100644 index 0000000000..b34e9d1099 --- /dev/null +++ b/files/ru/web/html/element/section/index.html @@ -0,0 +1,146 @@ +--- +title:
+slug: Web/HTML/Element/section +tags: + - Element + - HTML + - Web + - Веб + - Разделы + - Разделы HTML + - Справка + - Элемент +translation_of: Web/HTML/Element/section +--- +
{{HTMLRef}}
+ +

HTML-элемент <section> представляет собой автономный раздел — который не может быть представлен более точным по семантике элементом — внутри HTML-документа. Как правило, но не всегда, разделы имеют заголовок.

+ +
{{EmbedInteractiveExample("pages/tabbed/section.html", "tabbed-standard")}}
+ + + +

Например, меню навигации должно быть помещено в элемент {{htmlelement("nav")}}, но список результатов поиска и отображение карты с ее элементами управления не имеют специфических элементов и могут быть помещены в <section>.

+ +
+

Заметка: Если содержимое элемента имеет смысл объединить как единое целое (в цельный и независимый блок), то элемент {{HTMLElement("article")}} может стать лучшим выбором.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Категории контентаОсновной поток, секционный контент, явный контент.
Разрешенное содержимоеОсновной поток
Пропуск тегаНи одного; Оба тега, открывающий и закрывающий, являются обязательными.
Разрешенные родительские элементыЛюбой элемент, который разрешает контент основного потока в качестве содержимого. Обратите внимание, что элемент <section> не должен быть потомком элемента {{HTMLElement("address")}}.
Разрешенные роли ARIA{{ARIARole("alert")}}, {{ARIARole("alertdialog")}}, {{ARIARole("application")}}, {{ARIARole("banner")}}, {{ARIARole("complementary")}}, {{ARIARole("contentinfo")}}, {{ARIARole("dialog")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("log")}}, {{ARIARole("main")}}, {{ARIARole("marquee")}}, {{ARIARole("navigation")}}, {{ARIARole("search")}}, {{ARIARole("status")}}, {{ARIARole("tabpanel")}}
DOM-интерфейс{{domxref("HTMLElement")}}
+ +

Атрибуты

+ +

К этому элементу применимы только глобальные атрибуты.

+ +

Примечание

+ + + +

Пример 1

+ +

До

+ +
<div>
+  <h1>Заголовок</h1>
+  <p>Много замечательного контента</p>
+</div>
+ +

После

+ +
<section>
+  <h1>Заголовок</h1>
+  <p>Много замечательного контента</p>
+</section>
+
+ +

Пример 2

+ +

До

+ +
<div>
+  <h2>Заголовок</h2>
+  <img src="bird.jpg" alt="птица">
+</div>
+
+ +

После

+ +
<section>
+  <h2>Заголовок</h2>
+  <img src="bird.jpg" alt="птица">
+</section>
+
+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{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')}}
+ +

Поддержка браузерами

+ + + +

{{Compat("html.elements.section")}}

+ +

Смотрите также

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