Manual de referencia HTML

Completo de etiquetas HTML

HTML: Propiedad shape de <a>

Este artículo describe el uso de la propiedad shape de a HTML, muestra ejemplos en línea, la compatibilidad del navegador, la definición sintáctica y detalles de los valores de las propiedades.

HTML <a> etiqueta

Ejemplo en línea

En el elemento <a> se utilizan las propiedades shape y coords para crear un mapeo de imágenes:

Ejemplo

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Propiedad shape de a HTML-Sitio web de tutoriales básicos(oldtoolbag.com)</title>　
</head>
<body>
<object data="planets.gif" alt="Planetas" type="image/gif" usemap="#Map1">
　　<map name="Map1">
　　<a href="sun.html" shape="rect" coords="0,0,82,126">El Sol</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>

Ver aquí ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Actualmente solo Firefox y Opera admiten la propiedad shape.

Definición y uso

HTML5 ya no admite la propiedad shape de la etiqueta <a>.

La propiedad shape con coords Atributos en combinación, para especificar el tamaño, forma y posición de los enlaces en los elementos <object> o <img>.

Consejo:Para crear un mapa de imágenes compatible con todos los navegadores, utilice <area> ¡Elemento!

Sintaxis

<a shape="value">

Valor del atributo

Valor	Descripción
default	Especificar todas las áreas.
rect	Definir un área rectangular.
circle	Definir un círculo.
poly	Definir un área poligonal.

HTML <a> etiqueta

HTML: <template> etiqueta