HTML5 area 标签

HTML <area> 标签

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

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

代码示例

1
2
3
4
5
6
7
<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 ExplorerFirefoxSafariOperaChrome
All versionsAll versionsAll versionAll versionsAll versions