English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Cet article présente l'utilisation de l'attribut shape dans l'HTML a, avec des exemples en ligne, la compatibilité des navigateurs, la définition de la syntaxe et des détails sur les valeurs des attributs.
Utilisation de l'attribut shape et coords dans l'élément <a> pour créer une carte d'image:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML a shape attribute-Base Tutorial Website(oldtoolbag.com)</title> </head> <body> <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">Le Soleil</a> <a href="mercur.html" shape="circle" coords="90,58,3">Mercure</a> <a href="venus.html" shape="circle" coords="124,58,8">Venus</a> </map> </object> </body> </html>Vérifiez et voyez ‹/›
IEFirefoxOperaChromeSafari
Actuellement, seuls Firefox et Opera prennent en charge l'attribut shape.
HTML5 n'est plus pris en charge pour l'attribut shape de la balise <a>.
L'attribut shape avec coords Combiner les attributs pour spécifier la taille, la forme et la position du lien dans les éléments <object> ou <img>.
Astuce :Pour créer une carte graphique utilisable dans tous les navigateurs, utilisez <area> élément !
<a shape="value">
Valeur | Description |
---|---|
default | Définir toutes les régions. |
rect | Définir une région rectangulaire. |
circle | Définir un cercle. |
poly | Définir une région polygonale. |