HTML 参考手册

HTML 标签大全

HTML: <area> coords 属性

coords 属性指定图像地图区域的 x 和 y 坐标。coords 属性与 shape 属性配合使用，以指定区域的大小，形状和位置。提示：图像区域左上角的坐标为0,0

在线示例

带有可点击区域的图像映射：

示例

<!DOCTYPE html>
<html>
<title>HTML: <area> coords 属性　-　基础教程网　oldtoolbag.com</title>
<body>
<p>Click on the sun or one of the planets to observe it closely</p>
<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.html" alt="Sun">
　　<area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury">
　　<area shape="circle" coords="124,58,8" href="venus.html" alt="Venus">
　　</map>　　
</body>
</html>

Test to see ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut coords.

Définition et utilisation

L'attribut coords spécifie les coordonnées x et y de la zone de l'image de la carte.

L'attribut coords avec 　shape Utilisez les attributs ensemble pour spécifier la taille, la forme et la position de la zone.

Astuce : Les coordonnées de l'angle supérieur gauche de l'image de la zone sont 0,0.

HTML 4.01 et HTML5Les différences entre

Pas de.

Syntaxe

<area coords="value">

Valeur de l'attribut

Valeur	Description
x1,y1,x2,y2	Si l'attribut shape est réglé sur "rect", cette valeur spécifie les coordonnées du coin supérieur gauche et du coin inférieur droit du rectangle.
x,y,radius	Si l'attribut shape est réglé sur "circ", cette valeur spécifie les coordonnées du centre et le rayon du cercle.
x1,y1,x2,y2,..,xn,yn	Si l'attribut shape est réglé sur "poly", cette valeur spécifie les valeurs des sommets de la polygone. Si la première et la dernière coordonnées ne sont pas identiques, pour fermer le polygone, le navigateur doit ajouter la dernière paire de coordonnées.

　HTML <area> balise

HTML: <template> balise