ネストされたリストのアンカーは無効ですか、またはこれはfirebugエラーですか？

StackOverflow https://stackoverflow.com/questions/601754

  •  03-07-2019
  •  | 
  •  

質問

次のHTMLに何か問題がありますか、または単にFirebugエラーが発生していますか？ firebugの最初のリスト要素を見ると、firebugがアンカーを正しく識別するのが難しいことがわかります。ただし、2番目の（外部）リスト要素には問題はありません。最初のリスト要素からネストされたリストを削除すると、問題はなくなります。同様に、外側のリストを削除すると、問題は消えます。そのため、ネストされたリストの周りにアンカーを配置する際に問題があるようです。

アンカーをdiv、さらにはspanに置き換えようとしましたが、firebugは文句を言わないので、これはアンカー固有のようです。また、さまざまなDoctypeを試しましたが、成功しませんでした。

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  </head>
  <body>
    <ul>
      <li>
        <a href="http://whatever" style="display:block">
          <p>some text</p>
          <ul>
            <li>a list entry</li>
          </ul>
        </a>
      </li>
      <li>
        <a href="http://whatever">
           <p>more text</p>
        </a>
       </li>
    </ul>
  </body>
</html>
役に立ちましたか？

解決

a 要素は、インラインのみを許可しますレベル要素を子要素として。そのため、 p 要素と ul 要素は使用できません。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top