Latest web development tutorials

HTML <map> tag

Exemples

Avec carte d'image cliquable zone:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La plupart des navigateurs prennent en charge <map> tag.


définitions de balises et les instructions

<Carte> tag pour l'image des cartes côté client. Image fait référence à une cartographie de l'image avec des zones cliquables.

<Img> attributs peuvent être référencés dans usemap <map> L'ID ou le nom attribut (selon le navigateur), nous devrions donc en même temps <map> ajouter id et attribut name.

élément de surface est toujours imbriqué dans l'élément de carte. éléments de surface définissent la carte zone de l'image.


Différences entre HTML 4.01 et HTML5

Remarque: En HTML5, si l'attribut id est spécifié dans le <map> tag, vous devez également spécifier l'attribut name.


Différences entre HTML et XHTML

En XHTML, attribut name est obsolète, utilisez l'attribut id pour le remplacer.


propriété

属性 描述
name mapname 必需。为 image-map 规定的名称。


global Properties

<Map> supporte les attributs globaux, voir remplir la feuille de propriétés Attributs HTML mondial .


Propriétés de l'événement

<Map> supporte tous les attributs d'événement HTML .