166

DIV内部が許可されていないことは知っていますLIが、最近、Smashing MagazineやWeb Designer Wallなどの多くの「大きな」Web サイトで見てきました。

サイトを検証しようとしましたが、エラーがありますがDIV、LI?!

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

4

6 に答える 6

216

はい、 に従って有効ですxhtml1-strict.dtd。次の XHTML は検証に合格します。

<?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>
于 2009-12-16T14:47:04.503 に答える
33

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

于 2011-01-15T06:03:55.287 に答える
14

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による）。

于 2010-01-12T09:27:01.563 に答える
4

私の記憶が正しければ、li 内の div は以前は無効でした。

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

于 2011-06-10T10:53:43.973 に答える
0

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

于 2012-02-16T02:20:56.810 に答える