diff options
Diffstat (limited to 'files/ru/web/html/element/nav')
| -rw-r--r-- | files/ru/web/html/element/nav/index.html | 110 |
1 files changed, 110 insertions, 0 deletions
diff --git a/files/ru/web/html/element/nav/index.html b/files/ru/web/html/element/nav/index.html new file mode 100644 index 0000000000..aaa537f30c --- /dev/null +++ b/files/ru/web/html/element/nav/index.html @@ -0,0 +1,110 @@ +--- +title: Элемент секции навигации <nav> +slug: Web/HTML/Element/nav +tags: + - Element + - HTML + - HTML sections + - Links + - Navigation + - Reference + - Sections + - Web + - nav +translation_of: Web/HTML/Element/nav +--- +<p><span class="seoSummary"><strong>HTML-элемент <code><nav></code></strong> определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.</span></p> + +<div></div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Content_categories">Категории контента </a></th> + <td>Потоковый контент, секционный контент, явный контент.</td> + </tr> + <tr> + <th scope="row">Разрешенный контент</th> + <td>Потоковый контент.</td> + </tr> + <tr> + <th scope="row">Опускание тегов</th> + <td>Нет. Как начальный, так и конечный тег являются обязательными.<br> + {{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Разрешенный родительский элемент</th> + <td>Любой элемент, содержащий потоковый контент.</td> + </tr> + <tr> + <th scope="row">Разрешенные ARIA-атрибуты</th> + <td>Нет</td> + </tr> + <tr> + <th scope="row">DOM интерфейс</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Атрибуты">Атрибуты</h2> + +<p>Этот элемент поддерживает <a href="https://developer.mozilla.org/ru/docs/Web/HTML/%D0%9E%D0%B1%D1%89%D0%B8%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B" title="HTML/Global attributes">глобальные атрибуты</a>.</p> + +<h2 id="Примечание">Примечание</h2> + +<ul> + <li>Не обязательно все ссылки должны быть обернуты в <code><nav></code>. <code><nav></code> следует использовать лишь для главных навигационных блоков. Например, {{HTMLElement("footer")}} часто содержит список ссылок, которые не стоит оборачивать в {{HTMLElement("nav")}} .</li> + <li>Документ может содержать несколько {{HTMLElement("nav")}} элементов. Например, один для навигации по сайту, второй для навигации по странице.</li> + <li>Пользовательские агенты, такие как устройства чтения с экрана, предназначенные для людей с плохим зрением, могут использовать этот элемент, чтобы определить следует ли пускать рендеринг содержимого навигации.</li> +</ul> + +<h2 id="Примеры">Примеры</h2> + +<p>В данном примере, блок <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);"><code><nav></code> </span></font>содержит ненумерованный список ({{HTMLElement("ul")}}) ссылок. С помощью CSS данный блок можно использовать как сайдбар, навигационную колонку или выпадающее меню.</p> + +<pre class="brush: html notranslate"><nav class="menu"> + <ul> + <li><a href="#">Главная</a></li> + <li><a href="#">О нас</a></li> + <li><a href="#">Контакты</a></li> + </ul> +</nav> +</pre> + +<h2 id="Спецификация">Спецификация</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Спецификация</th> + <th scope="col">Статус</th> + <th scope="col">Комментарий</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-nav-element', '<nav>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Без изменений с момента последней спецификации</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-nav-element', '<nav>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Первоначальное определение</td> + </tr> + </tbody> +</table> + +<h2 id="Совместимость_браузера">Совместимость браузера</h2> + +<div class="hidden">Таблица совместимости на этой странице создается структурированно. Если вы желаете внести свой вклад в эти данные, пожалуйста, проверьте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам pull request</div> + +<p>{{Compat("html.elements.nav")}}</p> + +<h2 id="Смотрите_так_же">Смотрите так же</h2> + +<ul> + <li>Другие секционные элементы: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li> + <li class="last"><a href="https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document">Использование разделов и создание структуры HTML документа</a>.</li> +</ul> |