Maison > Article > interface Web > Comment utiliser la balise de carte HTML

Comment utiliser la balise de carte HTML

青灯夜游original: 2019-05-27 13:15:124143parcourir

La balise de carte HTML est utilisée pour le mappage d'images côté client. Une image cliquable est une image avec des zones cliquables. Étant donné que l'attribut usemap dans Comment utiliser la balise de carte HTML peut faire référence à l'attribut id ou name dans (selon le navigateur), nous devons ajouter les attributs id et name à .

Comment utiliser la balise html map ?

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 Comment utiliser la balise de carte HTML 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

<!DOCTYPE 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 ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Venus" />

<area
shape="circle"
coords="129,161,10"
href ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Mercury" />

<area
shape="rect"
coords="0,0,110,260"
href ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Sun" />

</map>

<p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>

</body>
</html>

Sortie :

Comment utiliser la balise de carte HTML

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!

Déclaration：

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

Article précédent：Comment utiliser la balise html olArticle suivant：Comment utiliser la balise html ol

Articles Liés

Voir plus