Manual de referencia HTML

Completo de etiquetas HTML

HTML: Propiedad shape de <area>

La propiedad shape especifica la forma de la área, y en conjunto con la propiedad coords, se utiliza para especificar el tamaño, forma y posición de la área.

　HTML <area> etiqueta

Ejemplo en línea

Mapa de imágenes con áreas clicables:

Ejemplo

<!DOCTYPE html>
<html>
<title>HTML: Propiedad shape de <area></title>　-　Sitio web de tutoriales básicos　oldtoolbag.com</title>
<body>
<p>Haga clic en el sol u otro planeta para observarlo de cerca：</p>
<img src="planets.gif" width="145" height="126" alt="Planetas" usemap="#planetmap">
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126"href="sun.html" alt="Sol">
　　<area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury">
　　<area shape="circle" coords="124,58,8" href="venus.html" alt="Venus">
</map>
</body>
</html>

Prueba aquí ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad shape

Definición y uso

La propiedad shape especifica la forma de la área.

La propiedad shape con coords En conjunto con las propiedades HTML, se especifica el tamaño, forma y posición de la área.

HTML 4.01 y HTML5las diferencias entre

Ninguna.

Sintaxis

<area shape="default|rect|circle|poly">

Valor del atributo

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

　HTML <area> etiqueta

HTML: <template> etiqueta