IntroductionAn imagen del mapa es una imagen con zonas seleccionables. Estas áreas no sólo se puede hacer clic, se pueden se convierten en enlaces, y pueden recibir el foco. Cuando se diseña un mapa de imagen, le das la función que desea para un área en particular. Existe lo que se llama la imagen de mapa de cliente y la imagen del mapa del servidor. En este artículo voy a hablar sobre la imagen del mapa del lado del cliente. Un área puede ser un rectángulo, círculo o polígono. Usted diseñador lado Web decide dónde y cuán grande es el área será en el image.
You necesitan conocimientos básicos de HTML o XHTML, Javascript y CSS para entender este artículo
. Nota: Si usted no puede ver el código o si usted piensa falta algo (enlace roto, la imagen ausente), simplemente en contacto conmigo en [email protected]. Es decir, en contacto conmigo para el más mínimo problema que tenga sobre lo que eres reading.HTML elementos involucrados Se necesitan tres elementos HTML para un mapa de imagen. Es necesario el elemento normal de HTML de la imagen, para la imagen. Usted necesita lo que se llama el elemento MAP HTML y el elemento AREA HTML.
Un elemento AREA HTML corresponde a un área seleccionable en la imagen. Así que no puede haber más de un elemento de área para una imagen. Los elementos de la zona forman el contenido del elemento de mapa de imagen. Así que si usted tiene una imagen con tres áreas se puede hacer clic, usted tendría algo como esto: Hay tres tipos de elementos HTML involucrados. Usted tiene el elemento de imagen normal, y un elemento MAP. En el interior del elemento de mapa, usted tiene los elementos AREA. La imagen ElementThe etiqueta de imagen es un solo elemento de etiqueta.
En la de arriba, usted debe estar familiarizado con todos los atributos excepto, usemap. El valor de este atributo es lo que conecta el elemento de imagen para el elemento de mapa. El elemento de mapa es lo que le da el mapa (demarcaciones invisibles) en la imagen. El valor de la usemap comienza con un hash seguido de texto. Este texto tiene que ser el valor del atributo name del elemento del mapa. El elemento del mapa debe tener un atributo de nombre.
En el código anterior, el valor del atributo name del elemento mapa es "myImgMap"; este es el texto del valor del atributo usemap del elemento de imagen. El usemap se produce sólo en el elemento de la imagen y no en el MAP o anchura ÁREA element.The y atributos altura que usted ve son el ancho y el alto de la imag