Outils en ligne

Manuel de référence

: <progress> balise

HTML: <a> attribut coords

Exemple en ligne

Utilisez les attributs shape et coords dans l'élément <a> pour créer une carte d'image :

Exemple
!doctype html>
<html>
<head>　-　<title>html: Utilisation de l'attribut coords dans <a>3codebox.com)</title>
</head>
body>
<p>Cliquez sur le soleil ou les planètes proches de l'image :/p>
<object data="planets.gif" alt="Planètes" type="image/gif" usemap="#Map1">
　<map name="Map1">
　　　<a href="sun.html" shape="rect" coords="0,0,82,126">Soleil</a>
　　　<a href="mercur.html" shape="circle" coords="90,58,3">Mercure</a>
　　　<a href="venus.html" shape="circle" coords="124,58,8">Vénus</a>
　</map>
</object>
<p><b>Attention :</b>Actuellement, seuls les navigateurs Firefox et Opera prennent en charge l'attribut coords.</p>
</body>
</html>

Voyons si... ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Actuellement, seuls les navigateurs Firefox et Opera prennent en charge l'attribut coords.

Définition et utilisation

HTML5L'attribut coords de <a> n'est pas pris en charge.

L'attribut coords est généralement utilisé avec shape Les attributs ensemble peuvent définir la taille, la forme et la position du lien des éléments <object> ou <img> en utilisant deux attributs.

Les coordonnées du coin supérieur gauche sont 0,0.

Astuce :Pour créer une carte graphique utilisable dans tous les navigateurs, utilisez <area> 　Élément.

Syntaxe

<a 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 coordonnées des côtés d'un 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 <a> balise

HTML: <template> balise