一、带有可点击区域的图像映射
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
二、所有主流浏览器都支持
三、定义和用法
<area>标签定义图像映射中的区域(图像映射是指带有可点击区域的图像)
area元素总是嵌套在<map>标签中
<img>标签中的usemap属性与map元素name属性相关联,创建图像与映射的联系。
四、与HTML与XHTML的差别
在HTML中,<area>没有结束标签
在XHTML中,<area>必须正确的关闭
五、提示和注释
<img>中的usemap属性可引用<map>中的id或name属性(由浏览器决定),所以我们需要同时向<map>添加这两种属性。
六、必须属性
alt text 定义此区域的替换文本(当浏览器无法显示该区域时显示的文本)
七、可选属性
coords 坐标值 定义可点击区域(对鼠标敏感的区域)的坐标值
href URL 定义此区域的目标URL
nohref nohref 从图像映射排除某个区域
shape default/rect/circ/poly 定义区域的形状
target _blank/_parent/_self/_top 规定在何处打开href属性指定的目标URL