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

如果您有疑问，最好的检查位置是 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 链接以了解这些元素是什么。

您可以从中学到许多其他东西，即给定元素可以具有什么样的属性等。

于 2012-12-07T12:16:24.047 回答
0

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

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

于 2012-12-07T12:39:49.063 回答
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 回答