8、HTML 中的音视频与表单元素使用指南

HTML 中的音视频与表单元素使用指南

1. 图像映射区域

在 HTML 里，可通过 <map> 和 <area> 元素在图像上定义超链接区域。例如：

<img src="images/bbar.gif" alt="" usemap="#bbar"/>
<map name="bbar">
   <area shape="rect" href="top.html"  coords="0,0,49,29"/>
   <area shape="rect" href="prev.html" coords="50,0,99,29"/>
   <area shape="rect" href="next.html" coords="100,0,149,29"/>
</map>

这里的 <area> 元素定义了三个矩形超链接区域， coords 属性指定了区域的左上角和右下角坐标。图像映射区域可以重叠，当用户点击图像时，浏览器会采用与点击坐标匹配的第一个 <area> 元素关联的 URL。若要为图像上未定义区域的点击提供默认 URL，可添加一个坐标涵盖整个图像区域的 <area> 元素，还能使用 onclick 事件处理程序提醒用户，如：