web-dev-qa-db-ja.com

リスト内のdivは許可されていますか？

LI内のDIVが許可されていないことは知っていますが、最近、Smashing Magazine、Web Designer Wallなどの多くの「大きな」ウェブサイトで見ました。サイトを検証しようとしましたが、エラーはありませんが、何もありませんLIのdivについて？！

LI内で使用できますか？有効にする必要がありますか？

htmlvalidationxhtmlhtml-lists
153
Kenan

はい、xhtml1-strict.dtdに従って有効です。次のXHTMLは validation を渡します：

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test</title>
</head>
<body>
<ul>
  <li><div>test</div></li>
</ul>
</body>
</html>
198
Darin Dimitrov

補遺として：HTML 5より前では、li内のdivは有効ですが、dl、dd、またはdt内のdivは無効です！

29
Damon

xhtml1-strict.dtd を見ると、

<!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block
     "p | %heading; | div | %lists; | %blocktext; | fieldset | table">

したがって、div、pなどはliの中に入れることができます（w3.orgのXHTML 1.0 Strict DTDによる）。

14
Messa

正しく思い出せば、li sed to内のdivは無効です。

@Flower @Superstringcheese Divは、ドキュメントのセクションを意味的に定義する必要がありますが、すでにこの役割は実質的に失われています。ただし、スパンにはテキストを含める必要があります。

3
mystrdat

たとえば、メニュー項目のボックス全体をクリック可能にしたい場合、これを実行したいと思うでしょう。これを行うために「a」タグに「li」タグを挿入していましたが、これはより妥当なようです。

0
user1212854