<area> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Главная » Справочник HTML » Изображения


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



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


<area> | Тег HTML

Тег <area> добавляет ссылочную разметку




Тег <area> служит для добавления на страницу с изображением ссылочную разметку,т.е устанавливая координаты ссылкам Вы можете распределить изображение по зонам в рамках которых будет действовать ссылка.Прописывается всегда внутри тега <map>.Тег поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Синтаксис тега <area> ( закрывающий тэг не обязателен )


<map><area href="URL"></map>

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





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

Атрибут alt

Указывает альтернативный текст для области, если изображение не может быть отображенно появится текст указанный в атрибуте.

Является обязательным если указан атрибут href

Атрибут coords

С помощью этого атрибута устанавливаются координаты для ссылок в изображении

Атрибут href

Указывает адрес для использования

Атрибут rel

С помощью этого атрибута определяем отношение текущей ссылки к документу на который она указывает

alternate

Альтернативный вариант документа

author

Ссылка на страницу автора

bookmark

Адрес для закладок

external

Ссылка на внешний документ

help

Ссылка на документ с помощю

license

Ссылка на информацию о лицензии

next

Ссылка на следующий документ

nofollow

Указывает браузеру что не надо индексировать переход по ссылке

noreferrer

Указывает что браузер не должен посылать заголовок HTTP Referer

prefetch

Указывает что документ на который ведёт ссылка должен кэшироваться

prev

Ссылка на предыдущий документ

search

Ссылка для поиска

sidebar

Ссылка на документ который должен быть показан в боковой панели браузера

tag

Теги имеющие отношение к ссылке

Атрибут shape


default

Определяет всю область изображения

rect


Порядок написания координат в значении rect -> X1 -> Y1 -> X2 -> Y2

circle


Порядок написания координат в значении circle -> X -> Y -> R

poly


Порядок написания координат в значении poly -> X1 -> Y1 -> X2 -> Y2 -> X3 -> Y3


Атрибут target

Этот атрибут определяет как ( в каком окне ) открывать документ

_blank

Открывает связанный документ в новом окне

_self

Открывает связанный документ в родительском окне

_parent

Открывает связанный документ в родительском фрейме

_top

Открывает связанный документ в полном окне

Фрейм

Открывает связанный документ в указанном фрейме

Атрибут type

Этот атрибут указывает на InformationИнформацияПосмотрите что такое MIME типы.MIME тип конечного документа

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


<!DOCTYPE html>
<html>
<head>
<title>Тэг area</title>
</head>
<body>
<div align="center">
<figure>
<img src ="/html/img/map-area.jpg" width="428"
height="656" alt="1234" usemap ="#1234">
<map name="1234">
<area shape="rect" coords="0,0,200,200" href="/html/demo/map-area-gus.html" alt="1">
<area shape="rect" coords="0,228,200,428" href="/html/demo/map-area-lebed.html" alt="2">
<area shape="rect" coords="0,456,200,656" href="/html/demo/map-area-induk.html" alt="3">
<area shape="rect" coords="228,0,428,200" href="/html/demo/map-area-green.html" alt="4">
</map>
</figure>
</div>
</body>
</html>

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





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





Категория: Изображения | Добавил: IZOTOP (03.06.2012) | Автор: Меренков Михаил W
Просмотров: 1492 | Теги: ссылки на картинке, разметка для ссылок | Рейтинг: 0.0/0

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

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