La balise <Area> est principalement utilisée pour les cartes d'image. Grâce à cette balise, la zone active (également connue sous le nom de points chauds) peut être défini sur la carte d'image. De cette façon, lorsque la souris de l'utilisateur se déplace vers la zone active spécifiée et clique, il se liera automatiquement vers la page prédéfinie. Sa structure de syntaxe de base est la suivante:
<zone class = type id = value href = url alt = text forme = zone-forme refroidit = valeur>
Classe et ID: sont les types et les numéros d'ID qui spécifient respectivement le hotspot.
Alt: texte alternatif utilisé pour définir des points chauds.
HREF: utilisé pour définir l'adresse URL à laquelle le hotspot est lié.
Forme et coordonnées: sont deux paramètres principaux, qui sont utilisés pour définir la forme et la taille du point chaud. L'utilisation de base est la suivante:
<forme de zone = coordonnées RECT = x1, y1, x2, y2 href = url> signifie que le hotpot réglé est un rectangle, les coordonnées du sommet du coin supérieur gauche sont (x1, y1), et les coordonnées du sommet du coin inférieur droit sont (x2, y2).
<forme de zone = coordonnées du cercle = x1, y1, r href = url> signifie que la forme du hotspot set est cercle, la coordonnée centrale est (x1, y1), et le rayon est r.
<forme de zone = coordonnées de poligon = x1, y1, x2, y2 ...... href = url> signifie que la forme du hotspot set est un polygone, et les coordonnées de chaque sommet sont (x1, y1), (x2, y2), (x3, y3) .......
Remarque: Les positions de ces points x1, y1, x2, y2 sont déterminées en fonction de l'image, et non de la taille de la fenêtre.
La balise <aire> divise la zone d'acteur de la carte d'image, de sorte que la zone d'acteur divisée doit être dans la zone de la carte d'image. Par conséquent, avant de diviser la zone avec la balise <aire>, vous devez utiliser une autre balise HTML <APM> pour définir la zone d'acteur de la carte d'image et définir le nom de la carte d'image spécifiée. L'utilisation de cette balise est très simple, c'est-à-dire <map name = Image Map Name> ...... </aph>.
Ce qui suit est un exemple pour illustrer l'utilisation de ces deux marqueurs:
Voici une image d'une nouvelle étagère. L'effet est: lorsque vous cliquez sur le livre, une nouvelle fenêtre est ouverte pour afficher la page d'introduction et de commande du livre (Urlall.htm); Lorsque vous cliquez sur le livre de la stratégie de conception du site Web, une nouvelle fenêtre est ouverte pour afficher la page d'introduction et de commande du livre (Siteall.htm); Lorsque vous cliquez sur le livre, une nouvelle fenêtre est ouverte pour afficher la page d'introduction et de commande du livre (pagejqlall.htm). Comment faire:
1. Insérez l'image, définissez les paramètres pertinents de l'image et définissez le paramètre usemap = newbook ismap dans la balise <Mg> pour représenter une référence à la carte d'image (newbook);
2. Utilisez <map> pour définir la zone d'action de la carte d'image et le nommer: newbook;
3. Utiliser <Area> Marques pour diviser trois zones d'action rectangulaires en fonction des positions des trois livres, et définir leurs paramètres de liaison href.
Production terminée, le code source de cet exemple est le suivant:
Copier le code