A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/ru/docs/Web/HTML/Reference/Elements/section below:

<section> - элемент секции - HTML

<section> - элемент секции

Baseline Widely available

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

Интерактивный пример 
<h1>Choosing an Apple</h1>
<section>
  <h2>Introduction</h2>
  <p>
    This document provides a guide to help with the important task of choosing
    the correct Apple.
  </p>
</section>

<section>
  <h2>Criteria</h2>
  <p>
    There are many different criteria to be considered when choosing an Apple —
    size, color, firmness, sweetness, tartness...
  </p>
</section>

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

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

Категории контента Основной поток, секционный контент, явный контент. Допустимое содержимое Основной поток Пропуск тега Ни одного; Оба тега, открывающий и закрывающий, являются обязательными. Допустимые родители Любой элемент, который разрешает контент основного потока в качестве содержимого. Обратите внимание, что элемент <section> не должен быть потомком элемента <address>. Допустимые ARIA-роли alert, alertdialog, application, banner, complementary, contentinfo, dialog, document, feed, log, main, marquee, navigation, search, status, tabpanel DOM-интерфейс 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>
Спецификации Совместимость с браузерами Смотрите также

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4