非常教程

HTML参考手册

标签 | Elements

map

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

内容类别

Flow content, phrasing content, palpable content.

允许的内容

Any transparent element.

标记遗漏

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

允许父级

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

允许ARIA角色

没有

DOM界面

HTMLMapElement

属性

这个元素包含全局属性。

name

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

例子

<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

map

对于链接:right.html

map

规范

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

HTML

超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。