📅  最后修改于: 2023-12-03 15:31:15.158000             🧑  作者: Mango
在 HTML 中, 标签定义一个支持图像映射的区域。
标签必须嵌套在带有 usemap 属性的
在 标签中,href 属性规定与区域相关联的文档或资源的 URL。
<area shape="rect" coords="x1,y1,x2,y2" href="url">
| 属性 | 值 | 描述 |
| ------------ | --------------------------------------------------------------- | ------------------------------------------------------------ |
| shape | rect
circle
poly
| 规定区域的形状(矩形、圆形或多边形) |
| coords | x1,y1,x2,y2
x,y,r
x1,y1,x2,y2...,xn,yn
| 规定区域的坐标 |
| href | url | 规定与区域相关联的文档或资源的 URL |
| alt | text | 规定区域的文本描述 |
| nohref | nohref | 规定带有不同区域的映射,其中的某些区域不会链接到任何地方 |
| target | _blank
_self
_parent
_top
framename | 规定在何处打开文档或资源 |
<img src="planets.gif" width="145" height="126" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
该属性在所有主流浏览器中均得到良好支持。
| IE | Firefox | Chrome | Safari | Opera | | ------ | ------- | ------ | ------ | ----- | | 4.0 | 1.0 | 1.0 | 1.0 | 4.0 |