La balise IMG de HTML: définit une image à introduire dans une page Web. Il a également un attribut Usemap qui est très intéressant.
Regardez une carte sur la page d'accueil 51ditu et une carte de la Chine au milieu. Cliquez avec le bouton droit pour le télécharger et voir une image normale.
Mais cliquer sur les provinces sur la carte peut commencer différents événements (ou ouvrir différents liens), ce qui est très intéressant. Il s'avère que l'attribut UseMap est utilisé.
Bien sûr, vous devez également définir une étiquette de carte. L'ensemble du code est le suivant:
Plusieurs significations d'attribut de la balise de zone dans la balise de carte sont les suivantes: http://www.w3school.com.cn/tags/tag_area.asp
Ici, nous noterons également l'attribut de forme de la zone, qui peut être sélectionné à partir des rectangles, des cercles et des polygones. Il est particulièrement important de noter que l'attribut coords doit être utilisé en combinaison avec la forme. Les coordonnées dans le coin supérieur gauche de l'image sont 0,0.