2

例;

<ul>
  <li>
   <div class="img1"><img src="img.jpg" /></div>
   <div class="cs1">Text text</div>
   <div class="cs2">text text</div>
   <div class="button">Next</div>  
  </li>
</ul>

上記のように、liのコードブロックdiv。使い方が間違っていると聞きました。それは本当ですか？

4

6 に答える 6

6

両方の要素はブロック要素であるため、それらをネストすることは問題ありません。Mozillaドキュメントで許可されているコンテンツをチェックアウトし<li>ます。

于 2012-12-07T12:09:29.400 に答える
3

W3Cバリデーターによると、除算を使用することはまったく問題ありません。

また、 w3cvalidatorでHTMLが有効かどうかを確認することもできます

このバリデーターがお役に立てば幸いです。

于 2012-12-07T12:15:43.183 に答える
0

いいえ、おそらく考えられる他の多くの用途の中でも、CSSに適したドロップダウンとして開発者によってよく使用されます。

于 2012-12-07T12:07:43.100 に答える
0

いいえ、それは間違った使用法ではありませんが、それはあなたが望むものに依存します。ドロップダウンメニューが必要な場合は、すべてのdivが<li> 次の例のように内部にある必要があります。

例えば：

<ul>
   <li><div class="img1"><img src="img.jpg" /></div>
   <li><div class="cs1">Text text</div>  </li>
   <li><div class="cs2">text text</div>  </li>
</ul>
于 2012-12-07T12:11:02.350 に答える
0

疑問がある場合に確認するのに最適な場所は、HTMLDTDです。初めて見ると少しわかりにくいですが、良い情報源です。

あなたの例を見てみましょう： http ：//www.w3.org/TR/html4/struct/lists.html#edef-UL

DTDは、UL（またはOL）ではLI（1つ以上）のみを持つことができることを意味します

<!ELEMENT UL - - (LI)+                 -- unordered list -->

次に、LI要素を見てみましょう。

<!ELEMENT LI - O (%flow;)*             -- list item -->

'flow'ショートカットから任意の要素を取得できます（'*'はゼロ以上）。％flowリンクをクリックして、これらの要素を確認できます。

それから学ぶことができる他の多くのことがあります。つまり、与えられた要素が持つことができる属性の種類などです。

于 2012-12-07T12:16:24.047 に答える
0

HTML構文（任意のバージョン）では、仕様から、またはバリデーターを使用して簡単に確認できるため、div要素内の要素を使用できます。li

純粋に構文以外の意味では、「間違った使用法」の問題は、実際にはul、単一の項目を含む箇条書き（要素）の使用にあります。正式には何も問題はありません。意味がないようです。

于 2012-12-07T12:39:49.063 に答える