Атрибут taborder
Синтаксис
<img src="..." alt="..." usemap="#Name">
...
<map name="Name">
<area coords="..." (href="..." | nohref) alt="..."
taborder="[значение]">
...
</map>
Описание
Атрибут / параметр taborder
(от англ. "tab order" ‒ «последовательность перехода») указывает положение элемента в общей последовательности переходов (осуществляемых с помощью клавиши «Tab») между активными областями документа.
Примечание
Допустимым HTML аналагом данного параметра является глобальный атрибут «tabindex
» со значением больше нуля (то есть с любым целым положительным числом).
Поддержка браузерами
Chrome
Firefox
Opera
Maxthon
IExplorer
4+
Safari
iOS
Android
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | ||
3.2 | ||
4.01 | ||
5.0 | ||
5.1 | ||
XHTML | ||
1.0 | ||
1.1 |
Значения
В качестве значения должно выступать любое целое положительное число.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр taborder (Элемент area)</title>
</head>
<body>
<h1>Пример с атрибутом "taborder"</h1>
<p>Открыть картинку:</p>
<img src="/examples/images/image_maps.png" style="width: 245px; height: 120px;" alt="мультимедиа файлы" usemap="#Menu">
<map name="Menu">
<area shape="rect" coords="8,8,108,112" href="/images/examples/dark_clouds.jpg" alt="Картинка «Туча»" title="Открыть картинку «Туча»" taborder="2">
<area shape="rect" coords="134,8,234,112" href="/images/examples/pineberry/img360.jpg" alt="Картинка «Пайнберри»" title="Открыть картинку «Пайнберри»" taborder="1">
</map>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр taborder (Элемент area)</title>
</head>
<body>
<h1>Пример с атрибутом "taborder"</h1>
<p>Открыть картинку:</p>
<img src="/examples/images/image_maps.png" style="width: 245px; height: 120px;" alt="мультимедиа файлы" usemap="#Menu">
<map name="Menu">
<area shape="rect" coords="8,8,108,112" href="/images/examples/dark_clouds.jpg" alt="Картинка «Туча»" title="Открыть картинку «Туча»" taborder="2">
<area shape="rect" coords="134,8,234,112" href="/images/examples/pineberry/img360.jpg" alt="Картинка «Пайнберри»" title="Открыть картинку «Пайнберри»" taborder="1">
</map>
</body>
</html>
Параметр taborder (Элемент area)