<map>:图像映射元素
尝试一下
属性
示例
含有两个区域的图像映射
单击左侧的鹦鹉访问 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 Standard # the-map-element |
浏览器兼容性
BCD tables only load in the browser