アンカータグをulの内側に追加しています。アンカータグの内側にliを追加しています。しかし、これをhtmlバリデーターでテストしたところ、エラーが出ます。これを達成する適切な方法はありますか？アンカータグ内部のul内
<!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>
あなたは<a>タグではない他の方法でのラウンド外01タグを置くべきです。
は、これらにそれを変換します
<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; }
これが表示されます。あなたがli aをアップスタイル場合
全体liはこのように、クリック可能になります。
ul li a {
float: left;
margin: 5px;
padding: 5px;
background: red;
}
この質問は非常に古いですが、私はそれに何かを追加したい：
このCSSも強制すべきアンカー要素は、所望の効果を達成するであろう親liの同じ幅および高さである。
ul li a {
width:inherit;
height:inherit;
}
私はすべきだと知っていますが、私はその全体の要素をクリック可能にしたいと思います。 liを外側に置くと、どうすればクリック可能になりますか？ – 2619