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>标签还支持以下添加属性

属性说明
alttext指定区域的替代文本。
coords如果shape值等于"rect"那么coords值为"left, top, right, bottom"之一,
如果shape值等于"circ" 那么coords值为"centerx, centery, radius"之一,
如果shape值等于"poly" 那么coords值为 "x1, y1, x2, y2,..,xn, yn"
指定适合于形状属性的坐标,以定义用于图像映射的图像区域。
downloadHTML5文件名指定当用户单击超链接时下载目标。
hrefURL指定页面的URL或链接所指向的锚的名称。
hreflang HTML5语言代码指定目标URL的语言。
media HTML5媒体查询指定优化目标URL的媒体/设备。
nohreftrue/false从图像映射中排除区域
rel HTML5alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
指定当前文档和目标URL之间的关系
shaperect
rectangle
circ
circle
poly
polygon
指定图像贴图的形状
target_blank
_parent
_self
_top
打开目标URL的位置。
_blank-目标URL将在新窗口中打开。
_self-目标URL将在单击时的同一框架中打开。
_parent-目标URL将在父级框架集中打开。
_top-目标URL将在窗口的整个主体中打开。
type HTML5mime的类型指定目标URL的MIME类型(多用途Internet邮件扩展)

事件属性

此标签支持HTML事件参考中描述的所有事件属性

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
支持支持支持支持支持支持