- : The Image Map element
- Examples
- Image map with two areas
- HTML
- Result
- Technical summary
- Specifications
- Browser compatibility
- See also
- Found a content problem with this page?
- MDN
- Support
- Our communities
- Developers
- Атрибут alt
- Синтаксис
- Обязательный атрибут
- Значения
- Значение по умолчанию
- Типы тегов
- HTML Атрибут alt
- Синтаксис
- Значения
- Значение по умолчанию
- Применяется к тегам
- Тег map
- Синтаксис
- Атрибуты
- Пример
- Рекомендации по использованию
: The Image Map element
The name attribute gives the map a name so that it can be referenced. The attribute must be present and must have a non-empty value with no space characters. The value of the name attribute must not be equal to the value of the name attribute of another element in the same document. If the id attribute is also specified, both attributes must have the same value.
Examples
Image map with two areas
Click the left-hand parrot for JavaScript, or the right-hand parrot for CSS.
HTML
map name="primary"> area shape="circle" coords="75,75,75" href="https://developer.mozilla.org/docs/Web/JavaScript" target="_blank" alt="JavaScript" /> area shape="circle" coords="275,75,75" href="https://developer.mozilla.org/docs/Web/CSS" target="_blank" alt="CSS" /> map> img usemap="#primary" src="parrots.jpg" alt="350 x 150 picture of two parrots" /> Result
Technical summary
| Content categories | Flow content, phrasing content, palpable content. |
|---|---|
| Permitted content | Any transparent element. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts phrasing content. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | No role permitted |
| DOM interface | HTMLMapElement |
Specifications
Browser compatibility
BCD tables only load in the browser
See also
Found a content problem with this page?
This page was last modified on Apr 13, 2023 by MDN contributors.
Your blueprint for a better internet.
MDN
Support
Our communities
Developers
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.
Атрибут alt
Атрибут alt устанавливает альтернативный текст для области изображения. Такой текст отображается в виде всплывающей подсказки при наведении курсора мыши на область.
Синтаксис
Обязательный атрибут
Значения
Любая подходящяя текстовая строка. Ее обязательно надо брать в двойные или одинарные кавычки.
Значение по умолчанию
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
HTML Атрибут alt
Атрибут alt (от англ. «alternative text» — «альтернативный текст») — это атрибут тега , позволяющий поисковому роботу «увидеть» изображение и проиндексировать его. По сути, краткое описание того, что изображено на картинке.
Совет: Всегда указывайте атрибут alt для элемента .
Заполненный атрибут alt изображений:
- учитывается поисковыми ботами при индексации;
- позволяет участвовать в поиске по картинкам;
- повышает релевантность содержимого веб-страниц поисковым запросам;
- дает возможность посетителю узнать о содержимом картинки, если в браузере отключена функция просмотра изображений.
Синтаксис
Значения
Значением атрибута является любая строка текста, заключенная в двойные или одинарные кавычки.
Значение по умолчанию
Применяется к тегам
Внимание: Для тега браузеры не поддерживают работу атрибута alt.
Пример: Alt в теге
В следующем примере вы увидите, как браузер работает с атрибутом alt, когда появляется «отсутствующее» изображение. Теоретически, если рисунок не может быть найден, вместо него выводится значение атрибута alt:
Пример: Alt в теге
Обратите внимание: Атрибут alt может использоваться с элементами только, если для них установлено значение type=»image» .
Пример: Alt в теге
Тег map
Тег (с англ. карта) — тег-контейнер для создания карты-изображений.
Блочный элемент.
Тег определяет клиентскую карту (или другой механизм навигации), который может быть ассоциирован с другими элементами (, , ). Карта ассоциируется с элементом с помощью атрибута usemap. Тег может использоваться без ассоциированного изображения для механизмов общей навигации.
Внутри контейнера можно комбинировать:
- один или более элементов . Эти элементы не имеют содержимого, но определяют геометрические регионы карты изображений и гиперссылки, ассоциированные с каждым регионом
- содержимое уровня блока. Это содержимое должно включать , которые специфицируют геометрические регионы карты и ссылки, ассоциированные с каждым регионом
Если тег имеет смешанное содержимое (и теги , и блочные элементы), браузеры, согласно спецификации HTML 4.01, должны игнорировать элементы .
Если регионы перекрываются, элемент, определяющий регион, который появился раньше в документе, имеет приоритет.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
Атрибуты
Пример
![карта](../../../manuals/html/tags/"map.png")
Рекомендации по использованию
- закрывающий тег обязателен (
)
- атрибут id является обязательным
- рекомендуется предоставлять текстовую альтернативу графической карте для тех случаев, когда графика недоступна или пользователь не может её получить
- не рекомендуется использовать карту-изображений в качестве основной навигации, из-за слабой поддержки старыми и голосовыми браузерами
Тег — элемент уровня блока, т.е. содержимое тега всегда начинается с новой строки. После тега также добавляется перенос строки.