8、HTML 音频、视频与表单使用指南

HTML 音频、视频与表单使用指南

1. HTML 图像映射

在 HTML 中，图像映射允许在图像上定义多个可点击的区域，每个区域可以链接到不同的 URL。例如以下代码：

<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>

这里定义了三个矩形区域，每个区域的位置由 coords 属性指定，分别代表左上角和右下角的坐标。当用户点击图像上的某个区域时，浏览器会根据该区域的 href 属性跳转到相应的页面。

图像映射的区域可以重叠，当发生重叠时，浏览器会优先处理第一个匹配点击坐标的区域。为了处理图像上未定义区域的点击，可以添加一个覆盖整个图像的区域，并使用 onclick 事件来提示用户，例如：

<area shape="rect" coords="0,0,200,29" onclick="