Опубликовано: 25.06.2010 Последняя правка: 08.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Тег <AREA>

Тег <AREA> применяется внутри элемента <MAP>. Необходим для определения областей изображения, при нажатии на которые будут активироваться ссылки на другие документы. Эти области называются картой изображений (image map). Адреса открываемых документов (URL) также задаются этим тегом.

URL могут быть относительными и абсолютными. Относительные URL — адреса относительно текущей страницы или корня сайта. Работают только в пределах текущего сайта. Абсолютные URL — включают полный адрес документа и действуют везде, где указаны: на любом сайте, на локальном компьютере.

Любое изображение можно использовать как карту изображений. Координаты отсчитываются от левого верхнего угла изображения по осям X и Y.

Атрибуты

Личные атрибуты:

Общие атрибуты:

Тип тега

Назначение: изображения.

Модель тега: располагается внутри элемента <MAP>.

Может содержать: данный элемент является пустым/Empty.

Открывающий тег: необходим. Закрывающий тег: запрещен.

Синтаксис

<area alt="текст">

Пример HTML: применение тега AREA

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега AREA</title>
 </head>
 <body>
  <p><img src="images/wild.png" width="640" height="142" usemap="#header" alt="Салон красоты Wild kitties">
   <map name="header">
    <area href="files/home.html" shape="poly" coords="19,71,104,71,109,85,104,98,19,98,11,85" alt="Главная">
    <area href="files/novosti.html" shape="poly" coords="126,71,211,71,216,85,211,98,126,98,118,85" alt="Новости">
    <area href="files/uslugi.html" shape="poly" coords="233,71,318,71,323,85,318,98,233,98,225,85" alt="Услуги">
    <area href="files/o_nas.html" shape="poly" coords="339,71,424,71,429,85,424,98,339,98,331,85" alt="О нас">
   </map></p>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа