HTML <map> 标签
主题：HTML5 标签参考上一页|下一页
说明
<map> 标签指定客户端图像映射。
图像映射是与特定image相关的坐标列表，创建的目的是为了将图像的超链接区域连接到各个目的地（ 与普通图像链接相反，其中图像的整个区域链接到单个目标）。
例如，世界地图可能会将每个地区超链接到有关该地区的更多信息。 图像映射的目的是提供一种简单的方法来链接图像的各个部分，而无需将图像分成单独的图像文件。
下表总结了此标签的使用上下文和版本历史。
| Placement: | Inline |
|---|---|
| Content: | Block and <area> |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | HTML 3.2, 4, 4.01, 5 |
语法
<map> 标签的基本语法如下：
HTML / XHTML: <map name="text"> ... </map>
下面的示例显示了 <map> 标签的作用。
<img src="shapes.png" usemap="#shapes" alt="Geometrical Shapes">
<map name="shapes">
<area shape="circle" coords="40,40,40" href="circle.html" alt="Circle">
<area shape="poly" coords="148,2,104,80,193,80" href="triangle.html" alt="Triangle">
<area shape="rect" coords="226,2,323,80" href="rectangle.html" alt="Rectangle">
<area shape="poly" coords="392,2,352,32,366,80,418,80,432,32" href="pentagon.html" alt="Pentagon">
</map>注意：图像可以通过 usemap 属性与图像映射相关联。 usemap 属性（如果指定）必须是一个以散列字符 (#) 开头的字符串，后跟 <map> 元素的 name 属性的值。
标签特定属性
下表显示了特定于 <map> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
name |
text | 为图像映射分配名称。 |
全局属性
与所有其他 HTML 标签一样， <map> 标签支持 HTML5 中的全局属性。
事件属性
<map> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <map> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 图片.
Advertisements