首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

map

HTML <map> 属性<area> 属性一起使用来定义一个图像映射(一个可点击的链接区域).

内容类别

Flow content, phrasing content, palpable content.

允许的内容

Any transparent element.

标记遗漏

没有,起始和结束标签都是强制性的。

允许父级

任何接受短语内容的元素。

允许ARIA角色

没有

DOM界面

HTMLMapElement

属性

这个元素包含全局属性。

name

name属性 给map一个名字用来查询,这个属性是必须的,值必须不能为空并且不能带空格。name属性不准与同文档中其他map元素的值相同,如果id属性也被添加,name属性和id属性的值必须相同。

例子

代码语言:javascript
复制
<map name="primary">
  <area shape="circle" coords="75,75,75" href="left.html">
  <area shape="circle" coords="275,75,75" href="right.html">
</map>
<img usemap="#primary" src="http://placehold.it/350x150" alt="350 x 150 pic">

例子

预期的现场示例输出

上面的实例应该与下面的图像类似(使用键盘标签键时):

对于 链接:left.html

对于链接:right.html

规范

Specification

Status

Comment

WHATWG HTML Living StandardThe definition of '<map>' in that specification.

Living Standard

HTML5The definition of '<map>' in that specification.

Recommendation

HTML 4.01 SpecificationThe definition of '<map>' in that specification.

Recommendation

Initial definition

浏览器兼容性

Feature

Chrome

Edge

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

1.0

(Yes)

1.0 (1.7 or earlier)1 5.0 (5.0)2 17.0 (17.0)3

(Yes)

1.0

1.0

Feature

Android

Edge

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

1.0

(Yes)

1.0 (1.0)1 5.0 (5.0)2 17.0 (17.0)3

(Yes)

1.0

1.0

扫码关注腾讯云开发者

领取腾讯云代金券