Руководство по HTML

Полный список тегов HTML

HTML: атрибут shape в <a>

Эта статья рассказывает о способах использования атрибута shape в HTML a, демонстрирует примеры использования, совместимость с браузерами, определение грамматики и подробную информацию о значениях свойств.

HTML <a> тег

Онлайн пример

Использование свойств shape и coords в элементе <a> для создания картинок-карт:

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>HTML a shape 属性-基础教程网(oldtoolbag.com)</title>　
</head>
<body>
<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
　　<map name="Map1">
　　<a href="sun.html" shape="rect" coords="0,0,82,126">The Sun</a>
　　<a href="mercur.html"shape="circle" coords="90,58,3">Mercury</a>
　　<a href="venus.html" shape="circle" coords="124,58,8">Venus</a>
　　</map>
</object>
</body>
</html>

Проверьте, посмотрите ‹/›

Совместимость с браузерами

IEFirefoxOperaChromeSafari

В настоящее время только Firefox и Opera поддерживают свойство shape.

Определение и использование

HTML5 больше не поддерживает свойство shape тега <a>.

Свойство shape и coords Свойства и, чтобы определить размер, форму и положение ссылки для элементов <object> или <img>.

Совет:Чтобы создать изображение-карту, которая будет работать во всех браузерах, используйте <area> Элемент!

Синтаксис

<a shape="value">

Значение свойств

Значение	Описание
default	Определяет все области.
rect	Определяет прямоугольную область.
circle	Определяет круг.
poly	Определяет многоугольную область.

HTML <a> тег

HTML: <template> тег