La etiqueta <Siclo> se usa principalmente para mapas de imágenes. A través de esta etiqueta, el área activa (también conocida como puntos calientes) se puede configurar en el mapa de la imagen. De esta manera, cuando el mouse del usuario se mueve al área activa especificada y hace clic, se vinculará automáticamente a la página preestablecida. Su estructura de sintaxis básica es la siguiente:
<área class = type id = valor href = url alt = text shape = área de forma fría = valor>
Clase e ID: son los tipos y los números de identificación que especifican el punto de acceso respectivamente.
ALT: texto alternativo utilizado para establecer puntos de acceso.
HREF: se usa para establecer la dirección de URL a la que está vinculado el punto de acceso.
Forma y coordinas: son dos parámetros principales, que se utilizan para establecer la forma y el tamaño del punto de acceso. El uso básico es el siguiente:
<Área Shape = Rect Coordinates = x1, y1, x2, y2 href = url> significa que el punto de acceso establecido es un rectángulo, las coordenadas de vértice de la esquina superior izquierda son (x1, y1), y las coordenadas de vértice de la esquina inferior derecha son (x2, y2).
<área de área = coordenadas de círculo = x1, y1, r href = url> significa que la forma del punto de acceso establecido es círculo, la coordenada central es (x1, y1) y el radio es r.
<Área de forma = coordenadas de poligon = x1, y1, x2, y2 ...... href = url> significa que la forma del punto de acceso establecido es un polígono, y las coordenadas de cada vértice son (x1, y1), (x2, y2), (x3, y3) .......
Nota: Las posiciones de estos puntos x1, y1, x2, y2 se determinan en función de la imagen, no en el tamaño de la ventana.
La etiqueta <Siclo> divide el área de actuación en el mapa de imágenes, por lo que el área de actuación dividida debe estar dentro del área del mapa de la imagen. Por lo tanto, antes de dividir el área con la etiqueta <Siclo>, debe usar otra etiqueta HTML <MAP> para establecer el área de actuación del mapa de la imagen y establecer el nombre para el mapa de imagen especificado. El uso de esta etiqueta es muy simple, es decir, <nombre de mapa = nombre de mapa de imagen> ...... </pla>.
El siguiente es un ejemplo para ilustrar el uso de estos dos marcadores:
Aquí hay una foto de una nueva estantería. El efecto es: al hacer clic en el libro, se abre una nueva ventana para mostrar la página de introducción y pedido del libro (urlall.htm); Al hacer clic en el libro de estrategia de diseño del sitio web, se abre una nueva ventana para mostrar la página de introducción y pedido del libro (siteAll.htm); Al hacer clic en el libro, se abre una nueva ventana para mostrar la página de introducción y pedido del libro (PageJqlall.htm). Cómo hacer:
1. Inserte la imagen, establezca los parámetros relevantes de la imagen y establezca el parámetro useMap = newbook ismap en la etiqueta <img> para representar una referencia al mapa de la imagen (newbook);
2. Use <Map> para establecer el área de acción del mapa de la imagen y nombrarlo: Newbook;
3. Utilice las marcas <SeA> para dividir tres áreas de acción rectangular en función de las posiciones de los tres libros, y establecer sus parámetros de enlace Href.
Producción completa, el código fuente de este ejemplo es el siguiente:
Copiar el código