<nav> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 04.12.2016
Главная » Справочник HTML » Документы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<nav> | Тег HTML

Тег <nav> предназначен для навигации




Тег <nav> предназначен для добавления навигации на страницу.Может использоватся как навигация на предыдущую и следующую страницу,в таком случае нужно использовать атрибут rel тега <a>.Положение элементов навигации регулируется свойствами CSS.Тег поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Тег работает в браузерах





Атрибуты тега <nav>

Атрибут form

Производит измерение принадлежащее форме,но расположенное вне формы,определяет одну или несколько форм к которым принадлежит измеритель.Значением атрибута form должно быть id ( идентификатором ) формы к которой он принадлежит,для ссылки на более чем одну форму, используется список разделенный пробелами

Атрибут high

Указывает в какой момент значение измерения является высоким значением в измерении

Атрибут low

Указывает в какой момент значение измерения является низким значением в измерении

Атрибут optimum

Указывает на оптимальное значение в измерении

Атрибут max

Указывает на максимальное значение в измерении,по умолчанию 1.0

Атрибут min

Указывает на минимальное значение в измерении,по умолчанию 0

Атрибут value

Это обязательный атрибут,определяет расчитанное значение ( готовое ) в измерении

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг nav</title>
<style>
nav {
position:relative;
width:100%;
height:auto;
}
a#prev {
width:30%;
padding:10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:5px solid green;
background-color:blue;
font-weight:bold;
color:white;
text-align:center;
float:left;
}
a#next {
width:30%;
padding:10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:5px solid green;
background-color:blue;
font-weight:bold;
color:white;
text-align:center;
float:right;
}
a {
text-decoration:none;
}
</style>
</head>
<body>
<nav>
<a href="#" rel="prev" id="prev">Предыдущая</a>
<a href="#" rel="next" id="next">Следующая</a>
</nav>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Документы | Добавил: IZOTOP (16.06.2012) | Автор: Меренков Михаил W
Просмотров: 1620 | Теги: навигация | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]