html - 锚点可以包含使用图像映射的图像吗？

Question

它有效，但我想知道这个标记是否有效，并想解释浏览器如何解析链接。我对 HTML5 如何解释这一点最感兴趣。

<a href="http://site1.com/">
  <img src="/image.png" usemap="#map">
</a>

<map name="map">
  <area shape="rect" coords="0,0,50,100" href="http://site2.com">
  <area shape="rect" coords="50,0,100,100" href="http://site3.com">
  <area shape="rect" coords="100,0,150,100" href="http://site4.com">
</map>

Answer 1

我查看了 HTML 5 w3.org/TR/2011/WD-html5-20110113/the-map-element.html中地图的 w3 规范。

我阅读第 4.8.14.2 节的方式，处理模型似乎点击图像由浏览器分两步处理。第一步是激活地图中最顶部形状的链接（假设形状及其坐标存在重叠），第二步是向整个图像本身发送事件。通过这两个步骤，我希望在您的 HTML 中，如果点击落在其中一个形状上，则该链接将触发，如果点击所在的位置没有形状，则整个图像的链接将触发。