0

動作しますが、このマークアップが有効かどうかを知りたいのですが、ブラウザがリンクをどのように解析するかについての説明が必要です。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>
4

1 に答える 1

0

HTML 5 w3.org/TR/2011/WD-html5-20110113/the-map-element.htmlのマップの w3 仕様を調べました。

セクション 4.8.14.2 の処理モデルを読んだ方法では、画像のクリックがブラウザによって 2 つのステップで処理されるようです。最初のステップは、マップの一番上のシェイプのリンクをアクティブにすることです (シェイプとその座標に重複があると仮定します)。2 つ目は、イメージ全体にイベントを送信することです。これらの 2 つの手順により、HTML では、クリックが形状の 1 つに到達するとそのリンクが起動し、クリックが到達する形状がない場合は画像全体のリンクが起動することが期待されます。

于 2013-01-15T00:52:25.370 に答える