0

ですから、これは私にとって非常に興味深いことです。次のサンプル マークアップがあります。

<a href="test.html">
  <h2>Hello World</h2>
  <div>
    <p>Hello again</p>
  </div>
</a>

Google Chrome (バージョン 26) でこれをレンダリングすると、まさにこのマークアップが表示されます。しかし、次のように div 内にアンカーを追加すると:

<a href="test.html">
  <h2>Hello World</h2>
  <div>
    <p>Hello again</p>
    <a href="something-else"></a>
  </div>
</a>

ブラウザは次のように出力します。

<a href="test.html">
  <h2>Hello World</h2>
  </a>
<div>
  <a href="test.html">
    <p>Hello again</p>
  </a>
  <a href="something-else"></a>
</div>

だから、これは私が望むものではありません。内部リンクをクリックできるようにするためには、アンカーが一部の要素にのみ適用されることが理にかなっていると想像できますが、そこに書いた方法だけが必要になります。JavaScript を介して内側の div を別の位置にコピーする必要があるため、これは理にかなっています。しかし、それを行うと、コードはすでにめちゃくちゃになっていて、最初のリンクが表示されます。

誰もこれに対処する方法を知っていますか?

よろしくお願いします！

4

1 に答える 1

0

a要素をネストすることはできません:

コンテンツ モデル:
透過的ですが、インタラクティブなコンテンツの子孫があってはなりません。

インタラクティブ コンテンツとは、「ユーザー インタラクションを特に意図したコンテンツ」です。たとえば、、、、、… 。a_buttoninputaudio

于 2013-04-25T06:47:59.837 に答える