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，如果点击落在其中一个形状上，那个链接就会触发，如果没有点击落地的形状，那么整个图像的链接将会激活。 / p>

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

1 个答案: