Comment utiliser la balise de carte HTML-Questions et réponses frontales-php.cn

Comment utiliser la balise de carte HTML

青灯夜游

Libérer： 2019-05-27 13:15:12

original

4081 Les gens l'ont consulté

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 de carte HTML

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>

Copier après la connexion

Sortie :

Comment utiliser la balise de carte HTML