Авторский знак. 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


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

Теги HTML5 - area.

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

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

Определение и использование. Тег < area> определяет область внутри изображения-карты( изображение-карта изображение с интерактивными областями). Тег < area> всегда является вложенным внутри < map> тега.

Внимание!!! Атрибут USEMAP в < img> тега, связанные с < map> атрибутом элемента, и создает связь между изображением и картой.

HTML тег < area> определяет области изображения и связывает его с гипертекстовой ссылкой. Этот < area> элемент используется только внутри тега < map>.

DOM interfaceHTMLAreaElement

Атрибуты - Этот < area> элемент включает в себя глобальные атрибуты.

accesskey только HTML 4, Устарел. - Указывает навигацию с помощью клавиатуры. Нажатие "alt" или "как key" в ассоциации с указанного символа выбирает формы управления с тем, что ключевой последовательности. Разработчики страниц предупреждены, чтобы избежать последовательности клавиш, уже привязанного к браузерам. Этот атрибут accesskey является глобальной как HTML5.

alt - Текстовую строку для отображения альтернативных браузеров, которые не отображают картинки. Текст должен быть сформулирован так, чтобы он предоставил пользователю такой же выбор, как изображение будет предлагать при отображении без альтернативного текста. В HTML4 alt атрибут является обязательным, но может быть пустой строкой (""). В HTML5 alt атрибут является обязательным, только если используется атрибут href.

coords - Набор значений, задающих координат в < area>. Количество и смысл этого значения зависит от значения, указанного для атрибута shape. Для rect или формы прямоугольника, координаты значение x,y пары: left, top, right и bottom. Для окружности и кругов значение x,y,r, где x,y-это пара, указав в центр круга и r-значение радиуса. Для прямоугольника или многоугольника значение представляет собой набор x,y пары для каждой точке полигона: x1,y1,x2,y2,x3,y3, и так далее. В HTML4 значениями являются числа пикселей или в процентном отношении, если знак процента (%) добавляется; в HTML5 значения чисел CSS пикселей.

скачать - HTML5 Этот атрибут download показывает, что автор намерен поставить гиперссылку, чтобы использовать для загрузки ресурсов. Тег < a> для полного описания download.

href - Его значением является действительным адресом URL. В HTML4 либо href атрибут или атрибута nohref должны присутствовать в элементе. В HTML5 href атрибут может быть опущен, если так, элемент area, не представляет собой гиперссылку.

hreflang - HTML5 показывает язык связанного ресурса. Этот hreflang атрибут используется только если атрибут href присутствует.

имя - HTML 4 Устарело. Определяет имена для активной зоны, так что она может быть по сценарию старых браузеров.

media - HTML5 media был создан для связанного ресурса, например, печати и экрана. Если этот параметр опущен, то по умолчанию для всех. Этот атрибут используется только если атрибут href присутствует.

nohref - только HTML 4 указывает на то, что не гиперссылка существует для соответствующей области. Или nohref атрибут или href атрибут должны присутствовать в элементе. Этот атрибут является устаревшим в HTML5, атрибут href достаточно.

rel - HTML5 для якоря, содержащий атрибут href, то этот атрибут определяет отношения целевого объекта для объекта связи. Значение представляет собой список разделенных запятыми значения отношений. Содержание и их семантика будут зарегистрированы и ряд полномочий, которые могут иметь значения для автора документа. Связь по умолчанию, если никакое другое дается, является ничтожным. Этот атрибут используется только если атрибут href присутствует.

shape - Формы, связанные hot spot. Спецификации HTML 5 и HTML 4 определяет значения rect, которые определяют прямоугольную область; круг, который определяет круговой области; поли, которая определяет полигон, и по умолчанию, в котором указывается вся область вне какой-либо определенной формы.

tabindex - только HTML 4. Числовое значение, определяющее положение определенной зоны в браузере в порядке табуляции. Этот tabindex атрибут является глобальной HTML5.

target - Этот атрибут target указывает, где показать связанный ресурс. В HTML4 это название или ключевое слово для фрейма. В HTML5 это название или ключевое слово, контекст просмотра( например, на вкладке окно, или фрейм). Следующие ключевые слова имеют специальное значение:

          _self: ответ в тот же HTML4 кадр( или HTML5 контекст просмотра),
                 как и нынешний. Это значение используется по умолчанию,
                 если атрибут не указан.
          _blank: ответ в новый HTML4 окно или HTML5 контекст просмотра.
          _parent: ответ HMTL4 фреймов в родительском окне текущего фрейма 
                   или HTML5 родительский контекст просмотра текущего.
                   Если нет родителя, этот вариант ведет себя точно так же
                   как _self.
          _top: В HTML4: в ответ полное исходное окно, отменяющий все остальные 
                кадры. В HTML5: ответ в контекст просмотра верхнего уровня 
                (то есть, контекст просмотра, который является предком нынешнего,
                 и не имеет родителя). Если нет родителя, этот вариант ведет себя
                 точно так же, как _self.

Этот атрибут target используется только если атрибут href присутствует.

type - Этот атрибут type указывает тип носителя в виде MIME-тип для ссылки. Как правило, это оказывается только в качестве справочной информации; тем не менее, в будущем браузер может добавить маленькую иконку для мультимедийных типов. Например, браузер может добавить небольшой значок динамика, если установлен тип audio/wav. Этот атрибут type используется только если атрибут href присутствует.

Отличия между HTML 4.01 и HTML5. HTML5 имеет некоторые новые атрибуты, а некоторые HTML 4.01 атрибуты больше не поддерживается. Отличия между HTML и XHTML В HTML < area> тег не имеет закрывающего тега. В XHTML < area> тег должен быть надлежащим образом закрыт.

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



Значение Значение Описание
alt текст Определяет альтернативный текст для курения. Требуется, если атрибут href присутствует
coords координаты Определяет координаты района
download filename Определяет цель гиперссылки, чтобы быть скачаны
href URL Определяет цель гиперссылки для курения
hreflang language_code Определяет язык целевой URL
media мультимедийный запрос Определяет, какие СМИ/целевое устройство URL оптимизирован для
nohref в HTML5 Не поддерживается. Указывает на то, что зона имеет соответствующую ссылку
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
Определяет отношение между текущим документом и целевой URL
shape default
rect
circle
poly
Определяет форму области
target _blank
_parent
_self
_top
framename
Определяет, где открывается целевой URL
type MIME_type Определяет MIME тип целевого URL

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

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

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

              < !DOCTYPE html>
              < html>
              < body>

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

                   < img src="http://seosait21.ru/oboi/planets.gif" 
                    width="145" height="126" alt="Planets" usemap="#planetmap">

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

             < /body>
             < /html>                    

Вот, результат программы:

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

Planets Солнце Меркурий Вена


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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: