例えば:
<ul>
<a href="http://google.com"><li id="someId"></li></a>
...
...
...
</ul>
これは、私が持っている既存の CSS スタイリングの簡単なハックです。リファクタリングして a タグを内部に配置する必要があるかどうか疑問に思っています。
例えば:
<ul>
<a href="http://google.com"><li id="someId"></li></a>
...
...
...
</ul>
これは、私が持っている既存の CSS スタイリングの簡単なハックです。リファクタリングして a タグを内部に配置する必要があるかどうか疑問に思っています。
それは無効な HTML です。
やらないでください。
UL の子として許可される唯一の要素は LI です。LI 自体ではなく、LI の内容をアンカーで囲む必要があります。
ブロック レベル要素の周囲にアンカーを許可する HTML5 の新しいルールを使用しても、アンカーを LI 自体に配置する必要があります。
回避策が<li>
要素をクリック可能にすることである場合は、にクリック ハンドラーを設定し、<li>
いくつかの css スタイルを使用して、クリック可能に見せることができます。jQuery ライブラリを使用している場合は、次の操作を行ってクリック ハンドラーを<li>
要素に関連付けることができます。
$("#someId").click(function(e) {
// handle the click event here
});
すべての要素に対して必要な場合は、すべての<li>
要素にタグ付けできる css クラスに基づいてセレクターを設定できます<li>
。
以下は HTML の例です: しかし、何を達成しようとしているのか分かりません。
<UL>
<LI><A HREF="example.com">SomeID</A></LI>
</UL>