Qu'est-ce qu'une carte d'image?

Une carte d'image est une méthode pour hyperliquer différentes parties d'une image. C'est une façon de rendre les images plus interactives sans les diviser en plusieurs fichiers image plus petits.

An image map can be created by defining a set of coordinates that define hot areas on the image and then specifying a link to those regions within the map>étiqueter. La carte d'image peut être façonnée en différentes tailles, et elle peut inclure une gamme d'éléments visuels comme les cercles et les rectangles qui peuvent être transformés en liens cliquables.

Traditionnellement, les cartes d'image ont été côté serveur uniquement parce qu'il était difficile de créer des cartes d'image côté client (le code HTML était trop lourd). L'utilisation de ces images a nécessité l'envoi d'un aller-retour au serveur pour chaque clic sur une région et il pourrait être difficile de mettre en cache la page liée.

Cependant, une nouvelle technique a été introduite dans HTML 3.2 appelée cartes d'image côté client. Cette technique a permis aux concepteurs Web d'énumérer les coordonnées de chacun des domaines qu'ils souhaitent lier sur une image, puis de renvoyer les données de position au navigateur, qui à leur tour l'ont envoyé au serveur.

The resulting map>L'élément est ensuite utilisé pour superposer la zone cliquable sur une image. Cette fonctionnalité est largement prise en charge par tous les principaux navigateurs et il peut être un moyen utile d'ajouter plus d'interactivité à votre site Web.

Unlike area> tags, which take coordinates in fixed pixel units, map>Les balises peuvent être réactives afin qu'elles s'adaptent à la taille de l'appareil qui affiche la page. Cela leur permet de travailler correctement sur des appareils plus petits et plus grands, y compris les téléphones mobiles.