Maison > interface Web > tutoriel HTML > Que signifie la balise html map ?

Que signifie la balise html map ?

云罗郡主
Libérer: 2019-02-13 15:33:56
original
4394 Les gens l'ont consulté


Que signifie la balise map html

La balise map est couramment utilisée pour ajouter un lien hypertexte vers un certaine zone d'une image. Définit principalement une image cliquable client. L'image cliquable (image-map) fait référence à une image avec une zone cliquable.

Fonction : Définir un mapping d'image client.

Explication : Image-map fait référence à une image avec une zone cliquable.

Remarque : les éléments de zone sont toujours imbriqués à l'intérieur des éléments de carte. L'élément de zone définit une zone dans la zone cliquable. L'attribut usemap dans peut faire référence à l'attribut id ou name dans (selon le navigateur), nous devons donc ajouter les attributs id et name à .

Exemple de balise de carte HTML

<html>
<body>
<img
src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="//m.sbmmt.com/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="//m.sbmmt.com/example/html/venus.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="//m.sbmmt.com/example/html/venus.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>
Copier après la connexion



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal