Question

示例;

<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>

像上面的代码块div一样。我听说这是错误的用法。这是真的吗？

Answer 1

两个元素都是块元素，因此嵌套它们很好。查看Mozilla Documentation中<li>允许的允许内容。

Answer 2

根据W3C验证器，使用分区是完全正确的。

您还可以在w3cvalidator

中查看您的HTML是否有效

希望这个验证器有所帮助。

Answer 3

不，它经常被开发人员用作您可能想到的许多其他用途中简单的CSS友好下拉。

Answer 4

不，这不是错误的使用，但这取决于你想要什么。如果你想要一个下拉菜单，每个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>

Answer 5

如果您有疑问，最好检查它是HTML DTD。如果你第一次看它，它有点神秘，但它是一个很好的来源。

让我们来看看你的例子： http://www.w3.org/TR/html4/struct/lists.html#edef-UL

DTD表示在UL（或OL）中，您只能拥有LI（一个或多个）

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

然后，如果你看看LI元素：

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

它可以从'flow'快捷方式中获取任何元素（零'或更多，因为'*'代表）。您可以单击％flow链接以了解这些元素是什么。

你可以从中学到很多其他的东西，即元素可以有什么样的属性等等。

Answer 6

HTML语法（任何版本）允许div元素中的li元素，因为可以从规范或使用验证器轻松检查。

除了纯语法之外的任何其他意义上，“错误使用”问题实际上是使用带有单个项目的项目符号列表（ul元素）。它没有正式的错误;它似乎没有任何意义。

在李的div是错误的用法？

6 个答案: