HTML <area>标签
时间：2019-06-08 23:19:31 来源:igfitidea点击:
说明
HTML<area>标签用于定义图像映射中的区域。
示例
<body>
<img src ="../src/css-jquery.png" alt = "HTML Map" border = "0" usemap = "#html"/>
<!-- 创建图片映射 -->
<map name = "html">
<!-- 创建可点击热点区域 -->
<area shape = "rect" coords = "2,2,80,80"
href = "/css/index.htm" alt = "CSS教程" target = "_blank" />
<area shape = "circle" coords = "127,43,42" alt = "jQuery教程"
href = "/jquery/index.htm" target = "_blank" />
</map>
</body>
全局属性
此标签支持HTML属性参考中描述的所有全局属性
特定属性
HTML<area>标签还支持以下添加属性
| 属性 | 值 | 说明 |
|---|---|---|
| alt | text | 指定区域的替代文本。 |
| coords | 如果shape值等于"rect"那么coords值为"left, top, right, bottom"之一， 如果shape值等于"circ" 那么coords值为"centerx, centery, radius"之一， 如果shape值等于"poly" 那么coords值为 "x1, y1, x2, y2,..,xn, yn" | 指定适合于形状属性的坐标，以定义用于图像映射的图像区域。 |
| download | 文件名 | 指定当用户单击超链接时下载目标。 |
| href | URL | 指定页面的URL或链接所指向的锚的名称。 |
| hreflang | 语言代码 | 指定目标URL的语言。 |
| media | 媒体查询 | 指定优化目标URL的媒体/设备。 |
| nohref | true/false | 从图像映射中排除区域 |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 指定当前文档和目标URL之间的关系 |
| shape | rect rectangle circ circle poly polygon | 指定图像贴图的形状 |
| target | _blank _parent _self _top | 打开目标URL的位置。 _blank-目标URL将在新窗口中打开。 _self-目标URL将在单击时的同一框架中打开。 _parent-目标URL将在父级框架集中打开。 _top-目标URL将在窗口的整个主体中打开。 |
| type | mime的类型 | 指定目标URL的MIME类型（多用途Internet邮件扩展） |
事件属性
此标签支持HTML事件参考中描述的所有事件属性
浏览器支持
| Chrome | Firefox | IE | Opera | Safari | Android |
|---|---|---|---|---|---|
| 支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
