— элемент навигации
HTML-элемент определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.
Категории контента
Потоковый контент, секционный контент, явный контент.
Допустимое содержимое
Потоковый контент.
Пропуск тегов
Нет, открывающий и закрывающий теги обязательны.
Допустимые родители
Любой элемент, содержащий потоковый контент.
Допустимые ARIA-роли
Нет
DOM-интерфейс
HTMLElement
Атрибуты
Этот элемент поддерживает глобальные атрибуты.
Примечание
Не обязательно все ссылки должны быть обёрнуты в . следует использовать лишь для главных навигационных блоков. Например, часто содержит список ссылок, которые не стоит оборачивать в .
Документ может содержать несколько элементов. Например, один для навигации по сайту, второй для навигации по странице.
Пользовательские агенты, такие как устройства чтения с экрана, предназначенные для людей с плохим зрением, могут использовать этот элемент, чтобы определить следует ли пускать рендеринг содержимого навигации.
Примеры
nav class = " menu" > ul > li > a href = " #" > Главная a> li> li > a href = " #" > О нас a> li> li > a href = " #" > Контакты a> li> ul> nav>
Спецификация
Specification
HTML Standard # the-nav-element
Совместимость браузера
BCD tables only load in the browser
Смотрите также
Found a content problem with this page?
Edit the page on GitHub.
Report the content issue.
View the source on GitHub.
This page was last modified on 4 авг. 2023 г. by MDN contributors.
Your blueprint for a better internet.
MDN
Support
Product help
Report an issue
Our communities
Developers
Web Technologies
Learn Web Development
MDN Plus
Hacks Blog
Website Privacy Notice
Cookies
Legal
Community Participation Guidelines
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation. Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
HTML тег
Тег используется для создания блоков навигации, ссылок, которые ведут на другие веб-страницы, или разделы текущей.
В одном HTML документе может содержаться несколько тегов , один может содержать группу ссылок для навигации по сайту, другой — для навигации по текущей веб-странице.
Обратите внимание, что не все ссылки в HTML документе могут быть помещены внутрь элемента , он может включать в себя только крупные навигационные блоки. Не следует вкладывать в тег .
Тег не может быть вложен в элемент .
Синтаксис
Тег
парный, содержимое пишется между открывающим (
) и закрывающим (
) тегами.
Тег — новый элемент в спецификации HTML5.
Пример
html > html > head > title >Заголовок окна веб-страницы title> head> body > header > h1 >Курсы программирования h1> header> nav > a href ="/uchebnik-html.html" >HTML a> | a href ="/learn-css.html" >CSS a> | a href ="/learn-javascript.html" >JavaScript a> | a href ="/learn-php.html" >PHP a> | nav> h2 >Добро пожаловать на сайт W3Docs! h2> body> html>
Результат
Как добавить стиль к тегу ?
Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :
CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
CSS свойство font-size задает размер щрифта.
CSS свойство font-weight устанавливает насыщенность шрифта.
CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.
Цвет текста внутри тега :
CSS свойство color определяет цвет контента и оформления текста.
CSS свойство background-color устанавливает фоновый цвет элемента.
Стили форматирования текста для тега :
CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
CSS свойство word-break указывает перенос строки.
Другие свойства для тега :
CSS свойство text-shadow добавляет тень к тексту.
CSS свойство text-align-last выравнивает последнюю строку текста.
CSS свойство line-height устанавливает межстрочный интервал.
CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
CSS свойство word-spacing устанавливает расстояние между словами в тексте.
Поддержка браузера
nav
Чебурашка и крокодил Гена
Чебурашка | Гена | Шапокляк | Лариска
Добро пожаловать!
!DOCTYPE>
Каждая спецификация проходит несколько стадий одобрения.
Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
Draft ( Черновик спецификации ) — первая черновая версия стандарта.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
См. также
Знакомство с HTML
Что всё это значит?
Элемент
Nav html что это
Тег задает навигацию по сайту. Если на странице несколько блоков ссылок, то в обычно помещают приоритетные ссылки. Также допустимо использовать несколько тегов в документе. Запрещается вкладывать внутрь .
Синтаксис
ссылки
Атрибуты
Закрывающий тег
HTML5 IE Cr Op Sa Fx
nav Чебурашка и крокодил Гена Чебурашка | Гена | Шапокляк | Лариска Добро пожаловать!
Результат данного примера показан на рис. 1.
Рис. 1. Навигация по сайту
Браузеры
Internet Explorer до версии 8.0 включительно игнорирует тег , но отображает его содержимое. Также в этом браузере любые стили не применяются к селектору NAV .
Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.
Статьи по теме
Новые теги
Что всё это значит?