English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Tous les balises HTML

HTML: <a> attribut shape

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.

HTML <a> balise

Exemple en ligne

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 ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Actuellement, seuls Firefox et Opera prennent en charge l'attribut shape.

Définition et utilisation

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 !

Syntaxe

<a shape="value">

Valeur de l'attribut

ValeurDescription
defaultDéfinir toutes les régions.
rectDéfinir une région rectangulaire.
circleDéfinir un cercle.
polyDéfinir une région polygonale.

HTML <a> balise