HTML5 area 标签

HTML <area> 标签


更新时间: 09/22/2018  由sky8g编辑

在使用HTML编写时,<area>用于标记图像映射中的某些部分。当您希望页面上的图像具有多个超链接时,这是非常有用的。以下部分包含关于此标记的信息,包括使用中的示例,以及相关属性和浏览器兼容性。

代码示例

<img src="max_big.gif" width="145" height="126" alt="max_big" usemap="#max_big">
<map name="max_big">
  <area shape="rect" coords="0,0,82,300" alt="1" href="1.htm">
  <area shape="circle" coords="90,58,3" alt="2" href="2.htm">
  <area shape="circle" coords="124,58,8" alt="3" href="3.htm">
</map>
一般可以做图片的锚点。其中max_big.gif图片分为链接三部分,即使把图片按照设置coords值进行切割,第一部分问矩形,第二部分和第三部分都是圆形。

显示如下

属性

在HTML标记中,属性指示HTML元素的某些方面。属性由名称和值对组成。

属性 描述
alt 为图像映射的每个区域指定替代文本
coords 指定区域的坐标
download 指定在单击时将下载目标
href 指定链接指向的web页面的URL
hreflang 指定链接指向的文件的语言
media 指定链接文件所优化的设备
rel 指定链接文件和当前文件之间的关系
shape 指定区域的形状
target 指定目标URL打开的位置
type 指定链接文件的媒体类型

弃用属性

弃用的属性,不赞成使用的属性是指当前可能会起作用,但将来不受支持的属性。不受支持意味着,尽管该属性可能与当前的HTML版本一起工作,但它最终将被淘汰并过时。最好避免使用这些属性来帮助您的网站不受将来的影响

属性 描述
nohref 表示该区域没有关联的超链接

兼容性

Internet Explorer Firefox Safari Opera Chrome
All versions All versions All version All versions All versions