图像映射

图像映射是一种在单张图像中定义多个可点击热点的 HTML 技术，每个热点链接到不同的 URL。例如，一张日本地图中点击每个都道府县可导航到该地区的页面，展示了基于图像的交互式导航。

实现使用 <map> 和 <area> HTML 标签。<area> 上的 shape 属性通过坐标定义矩形 (rect)、圆形 (circle) 或多边形 (poly) 区域。但图像映射在响应式设计中表现不佳，因为图像尺寸变化时坐标会失效，因此现在更推荐 CSS 和 SVG 替代方案。

使用图像映射时，为每个 <area> 元素设置 alt 文本是无障碍访问的强制要求。对于大图像，应用图像压缩工具可保持页面加载性能。