我们可以在中使用任何其他标签吗？与一起？

Question

我们可以在

中与
• 一起使用任何其他 TAG 吗？

喜欢

<ul>
Some text here or <p>Some text here<p> etc
<li>item 1</li>
Some text here or <p>Some text here<p> etc
<li>item 1</li>
</ul>

Answer 1

为了使您的代码有效，除了

之外，您不能将任何标记放入

中。

但是，您可以将任何块级元素放入

中，如下所示：

<ul>
        <li>
            <h2>...</h2>
            <p>...</p>
            <p>...</p>
        </li>
</ul>

Answer 2

根据W3C推荐，一个列表必须是：

<UL>
   <LI> ... first list item...
   <LI> ... second list item...
   ...
</UL>

您只能将 p 标记放在 li 标记内，而不是作为 ul 的直接子级。 W3C 建议明确指出：

列表由 LI 元素定义的列表项序列组成

Answer 3

您可以使用模板标签，这是完全合法的。例如：

<ul>
<template>Some text here or <p>Some text here<p> etc</template>
<li>item 1</li>
<template>Some text here or <p>Some text here<p> etc</template>
<li>item 1</li>
</ul>

Answer 4

虽然您可以在其中包含其他标签（并且它可能工作得很好），但您不应该这样做，因为它不符合 w3c 标准。它也没有什么语义意义。

只需创建一个简单的页面并通过验证器运行它（ http://validator.w3.org/ ）并你会亲自看到:)

Answer 5

不，这将是无效标记。但是，如果您尝试为某些行实现不同的外观和感觉，则可以通过向任何 li 标记添加特定的类名来实现。见下文：

<ul>
    <li class="foobar">Label</li>
    <li>Some text here</li>
    <li>Some text here</li>
    <li class="foobar">Label</li>
    <li>Some text here</li>
    <li>Some text here</li>
</ul>

Answer 6

您可以编写此类标记，但您不应该，因为它不合规，并且您可能会在不同的浏览器中得到奇怪且意外的结果。

Answer 7

除了 li 之外，我们不能在 ul 中放置任何标签。
但是，我们可以在 li 中放置其他标签，如下所示：

<ul>
<li>
  <div>
    <h2>Some Dummmy text</h2>
    <p> some content </p>
    --- 
    ---
  </div>
<li/>
<li><li/>
<li><li/>
----
----
</ul>

Answer 8

如果您这样做是为了设置列表元素的一部分的样式，您可以这样做

<ul>
  <li>normal text <span>bold text</span></li>
  <li>normal text <span>bold text</span></li>
</ul>

，然后使用 CSS

ul li {font-size: 12px; font-weight: normal;}
ul li span {font-size: 12px; font-weight: bold;}

希望这会有所帮助

Answer 9

Knockout.js具体答案，可以使用下面的注释语法。

<ul>
    <li class="header">Header item</li>
    <!-- ko foreach: myItems -->
        <li>Item <span data-bind="text: $data"></span></li>
    <!-- /ko -->
</ul>

<script type="text/javascript">
    ko.applyBindings({
        myItems: [ 'A', 'B', 'C' ]
    });
</script>

Answer 10

HTML5 引用

https:// /html.spec.whatwg.org/multipage/grouping-content.html#the-ul-element 表示 ul 具有：

内容模型：零个或多个 li 和脚本支持元素。

“内容模型”是指我们可以在元素中放入的内容。

因此，由此我们了解到，只允许 li 像 script 这样的东西。

将其与 div 之类的元素进行比较，其中 https://html.spec.whatwg.org/multipage/grouping-content.html#the-div-element 说：

如果该元素不是 dl 元素的子元素：流内容。

那么“流内容”的定义就是一个包含大多数标签的巨大列表：

a、缩写、地址、...、文本

另请注意 text 是如何出现在其中的。然后我们看到它的定义 https://html.spec.whatwg.org /multipage/dom.html#text-content

在内容模型的上下文中，文本要么没有任何意义，要么意味着文本节点。文本有时单独用作内容模型，但也是短语内容，并且可以是元素间空白（如果文本节点为空或仅包含 ASCII 空白）。

“元素间的空白定义为：

元素之间始终允许使用 ASCII 空格。用户代理将源标记中的元素之间的这些字符表示为 DOM 中的文本节点。空文本节点和仅包含这些字符序列的文本节点被视为元素间空白。

和“ASCII 空白”为 https://html.spec.whatwg。 org/multipage/dom.html#text-content

ASCII 空白为 U+0009 TAB、U+000A LF、U+000C FF、U+000D CR 或 U+0020 SPACE。

综上所述，除了前面提到的 li 和 script 标签之外，我相信 ul 中只允许使用上述空格。

HTML5 验证器同意该理论： https://validator.w3.org/nu/#textarea< /a>

Answer 11

不。如果是列表，则其中包含列表项。我看不出其中包含非列表项的列表有任何用处；这不是列表...