html - 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> 项中：

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

变成：

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

Answer 3

你应该做这些

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

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

Answer 4

尝试将<ul>部分包装到<li>标签中。