Mapping

La etiqueta map se utiliza para crear una capa transparente encima de una imagen, dividiendo la misma en zonas que al clickear encima de ellas nos lleven a zonas o páginas distintas, enlazan. Esto sobre todo es utilizado en menús y mapas. La etiqueta map usa el atributo name para identificarse a la hora de ser utilizado sobre una imagen.

Dentro de la etiqueta map encontramos la etiqueta area y la única que necesitaremos, esta etiqueta contiene los siguientes atributos:

Atributos de map

Atributo	Utilidad
shape	Indicamos el tipo de área que queremo definir.
coords	Indicamos las coordenadas que definirá el área.
href	A dónde queremos que nos lleve esa área.
target	Esto se utiliza sobre todo para que nos lo abra en una pestaña nueva, ocupando la misma o si utilizamos frames para enlazarlos con su name.
alt	Información adicional.

Hay tres tipo de shape:

Valores del atributo shape

Valor		Utilidad
1	rect	Crea un rectángulo, sólo necesita de dos pares de valores x e y.
2	circle	Crea un círculo, sólo necesita tres valores x, z e y.
3	poly	Crea un polígono, puede tener tantos valores como necesitemos.

Por último, para que el map surja efecto sobre la imagen debemos de indicarle a ésta qué map queremos que use mediante la etiqueta usemap. Ejemplo de código de un mapping (para ampliar, clickear):