Descripción
El elemento area sirve para poder crear diferentes secciones dentro de un mapa de imágenes definido con el elemento map. Los áreas serán definidos en una posición de coordenadas mediante el atributo coords y tendrán la forma definida con el atributo shape.
Sintaxis
<area>
Atributos
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- id
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
<img src="navegadores.png" usemap="#navegadores" border="0" width="821" height="152" alt="Navegadores" />
<map id="navegadores" name="navegadores">
<area shape="rect" coords="0,0,157,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-internet-explorer/" alt="Internet Explorer" title="Internet Explorer" />
<area shape="rect" coords="164,0,321,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-firefox/" alt="Firefox" title="Firefox" />
<area shape="rect" coords="340,0,497,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-google-chrome/" alt="Google Chrome" title="Google Chrome" />
<area shape="rect" coords="507,0,664,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-safari/" alt="Safari" title="Safari" />
<area shape="rect" coords="659,0,816,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-opera/" alt="Opera" title="Opera" />
</map>
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.