Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31


Чувашия-это моя Россия

Теги HTML5 - map.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть тег < map> поддерживается во всех основных браузерах.

Определение и использование. Тег < map> используется для определения на стороне клиента карты изображения.Тег < map> представляет собой изображение с интерактивными областями. Необходимое имя атрибута < map> элемента связано с атрибутом usemap < img> и создает связь между изображением и картой. Элемент < map> содержит ряд < area> элементов, который определяет интерактивные области в изображении карты.

Повторимся, что элемент < map> служит контейнером для тега < area>, которые определяют активные области для карт-изображений на страницах сайта. Такие участки устанавливают невидимые зоны на изображении, которые являются ссылками в HTML-документах. Цель применения элемента < map> есть связывании тега < img> с клиентской картой-изображением на страницах сайта. Такая связь определяется применением общего идентификатора как в элементе < img>, задаваемого атрибутом usemap, так и в элементе < map>, устанавливаемого атрибутом name.

Отличия между HTML 4.01 и HTML5. В HTML5, если идентификатор атрибут < map> тега также указано, он должен иметь то же значение, что и атрибут имени.

Отличия между HTML и XHTML. В XHTML атрибут имя является устаревшим, и будет удален. Вместо этого используйте атрибут документа.

Основы разметок HTML дают необходимый минимум материала, чтобы отображать документ на странице сайта. В настоящее время в разработках HTML наблюдается следующий цикл создания основ HTML. На более высоком интерактивном уровне. В самих разметках создаются атрибуты, которые самостоятельно оживляют действия над объектами при создании и оформления страниц сайта. Будет прорыв основ HTML в голосовом управлении всеми действиями на страницах сайта. Все трудоемкие процессы по созданию сайта возьмет на себя машина и основы HTML преобразятся. Что из этого выйдет - покажет время, точнее идет прорыв в данном направлении.

Атрибуты.

Атрибут Значение Описание
name mapname Требуется. Задает имя изображения-карты


Тег < map> поддерживает Глобальные атрибуты в HTML: КЛИКНИ СЮДА

Тег < map> также поддерживает Атрибуты событий в HTML: КЛИКНИ СЮДА



Пишем программу - Изображение-карта, с интерактивными областями:

< !DOCTYPE html>
< html>
< body>

< p>Нажмите на солнце или на одну из планет, чтобы посмотреть на него поближе:< /p>

< img src="planets.gif" width="145" height="126" alt="Планеты" usemap="#planetmap">

< map name="planetmap">
  < area shape="rect" coords="0,0,82,126" alt="Солнце" href="solnze.gif">
  < area shape="circle" coords="90,58,3" alt="Меркурий" href="merkurij.gif">
  < area shape="circle" coords="124,58,8" alt="Венера" href="vena.gif">
< /map>


                     

Результат выполнения кодов программы:

Нажмите на солнце или на одну из планет, чтобы посмотреть на него поближе:

Планеты Солнце Меркурий Венера


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: