html 中的 ol 中不能有 ul

Question

测试 HTML 时出现以下验证错误。

请查看附图中的 HTML 代码。 “在此上下文中，元素

ul

不允许作为元素

ol

的子元素。”

Answer 1

这是因为

<ol>

（实际上是

<ul>

）的内容模型是 零个或多个

li

元素

这两个标签实际上不能包含除

<li>

标签之外的任何内容或根本不包含任何内容。如果您有

<ol><ul>

，浏览器会在开始

<ol>

之前自动关闭

<ul>

标签（嗯，好的）。

我认为你的意图是：

<ol>
    <li>
        <ul>

<ul>

可以包含在作为

<li>

子级的

<ol>

内。

Answer 2

这是因为您应该将内部

包装在列表
• 项目中：

  <ul><li>text</li>....</ul>
  

  变成：

  <li><ul><li>text</li>....</ul></li>
  

  你应该做这些

  <ol>
    ...
    <li>title</li>
    <li><!-- add this -->
      <ul><!-- your ul put here -->
      ...
      </ul>
    </li><!-- add this -->
    ...
  </ol>
  

  PS。在某些情况下，使用原始代码比图像更好。

  尝试将

  <ul>

  部分包装到

  <li>

  标签中。

  我有同样的问题并且继续出现错误。 我需要添加 1 到 13 个问题的文本。问题 1-4 是正常问题，但问题 5 有 3 个子问题，然后 6 至 13 是带答案的正常问题。 1. 2. 3. 4. 5. …… …… …… 6. 7. 8. 9. 10. 11. 12. 13. 已尝试了您在此处编写的一些技巧，但仍然无法在原子中无错误地添加它们。还有什么建议吗？ 谢谢！

Answer 3

你应该做这些

<ol>
  ...
  <li>title</li>
  <li><!-- add this -->
    <ul><!-- your ul put here -->
    ...
    </ul>
  </li><!-- add this -->
  ...
</ol>

PS。在某些情况下，使用原始代码比图像更好。

Answer 4

尝试将

<ul>

部分包装到

<li>

标签中。

Answer 5

我有同样的问题并且继续出现错误。 我需要添加 1 到 13 个问题的文本。问题 1-4 是正常问题，但问题 5 有 3 个子问题，然后 6 至 13 是带答案的正常问题。 1. 2. 3. 4. 5. …… …… …… 6. 7. 8. 9. 10. 11. 12. 13. 已尝试了您在此处编写的一些技巧，但仍然无法在原子中无错误地添加它们。还有什么建议吗？ 谢谢！