12

ul 内にアンカー タグを追加し、アンカー タグ内に li を追加しています。しかし、これをhtmlバリデーターでテストすると、エラーが発生します。これを達成する適切な方法はありますか？

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<ul>
<a href="#"><li>Click one</li></a>
<a href="#"><li>Click one</li></a>
<a href="#"><li>Click one</li></a>
</ul>
</body>
</html>
4

4 に答える 4

25

これらに変換します：

<ul>
    <li><a href="#">Click one</a></li>
    <li><a href="#">Click one</a></li>
    <li><a href="#">Click one</a></li>
</ul>

li常に の親を持つ必要があるためul、それがエラーの原因です。liしかし、このCSSスタイルで修正できるように、全体をクリックできるようにしたかったと思います。

ul li a { display:block; }

すると表示されます。

于 2012-07-11T10:36:59.837 に答える
0

<li>タグをタグの外に置くべきで<a>あり、その逆ではありません。

于 2012-07-11T10:36:56.403 に答える