<map>:图像映射元素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
尝试一下
属性
示例
含有两个区域的图像映射
单击左侧的鹦鹉访问 JavaScript 页面,单击右侧的鹦鹉访问 CSS 页面。
HTML
html
<!-- 图片由 Unsplash 上的 Juliana e Mariana Amorim 创作 -->
<map name="primary">
<area
shape="circle"
coords="75,75,75"
href="https://developer.mozilla.org/docs/Web/JavaScript"
target="_blank"
alt="JavaScript" />
<area
shape="circle"
coords="275,75,75"
href="https://developer.mozilla.org/docs/Web/CSS"
target="_blank"
alt="CSS" />
</map>
<img
usemap="#primary"
src="parrots.jpg"
alt="两只鹦鹉的照片,大小为 350 x 150" />
结果
技术概要
规范
Specification |
---|
HTML # the-map-element |
浏览器兼容性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
map | ||||||||||||
name |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.