HTML <area>
Exemples
Avec carte d'image cliquable zone:
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Essayez »
support du navigateur
Tous les principaux navigateurs prennent en charge <area>.
définitions de balises et les instructions
<Zone> définit une zone à l'intérieur d'une carte d'image (image map renvoie à une image avec des zones cliquables).
<Zone> est toujours imbriqué dans <map> étiquette à l'intérieur.
NOTE: <IMG> attribut usemap tag <map> nom de l' élément est associé, pour créer la relation entre l' image et la carte.
Différences entre HTML 4.01 et HTML5
HTML5 fournit quelques nouveaux attributs, et certains HTML 4.01 attributs ne sont plus pris en charge.
Différences entre HTML et XHTML
En HTML, <area> n'a pas d'étiquette d'extrémité.
En XHTML, <area> doit être fermée correctement.
propriété
Nouveau: HTML5 nouvelle propriété.
| 属性 | 值 | 描述 |
|---|---|---|
| alt | text | 规定区域的替代文本。如果使用 href 属性，则该属性是必需的。 |
| coords | coordinates | 规定区域的坐标。 |
| href | URL | 规定区域的目标 URL。 |
| hreflang New | language_code | 规定目标 URL 的语言。 |
| media New | media query | 规定目标 URL 是为何种媒介/设备优化的。默认：all。 |
| nohref | value | HTML5 不支持。 规定没有相关链接的区域。 |
| rel New | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。 |
| shape |
default rect circle poly |
规定区域的形状。 |
| target | _blank _parent _self _top framename |
规定在何处打开目标 URL。 |
| type New | MIME_type | 规定目标 URL 的 MIME 类型。 注：MIME = Multipurpose Internet Mail Extensions。 |
global Properties
<Area> supporte HTML propriétés globales .
Propriétés de l'événement
<Area> supporte les propriétés d'événements HTML .
articles connexes
Manuel HTML DOM Référence: Région Objets