在html中的ol里面不能有ul

时间:2013-04-08 02:41:38

标签: html css list html-lists

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

请查看附加图片以获取HTML代码。 enter image description here “在此上下文中,元素ul不允许作为元素ol的子元素。”

4 个答案:

答案 0 :(得分:9)

这是因为<ol>(实际上<ul>)的内容模型是zero or more li elements

这两个标签实际上不能包含<li>标签以外的任何标签,或者根本不包含任何标签。如果您有<ol><ul>个浏览器,则会在开始<ol>之前自动关闭<ul>标记(好的,好的)。

我认为你的意图是:

<ol>
    <li>
        <ul>

<ul>可以包含在<li>的{​​{1}}内。{/ 1}。

答案 1 :(得分:3)

这是因为你应该包装内部&lt; ul&gt;在列表中&lt; li&gt;项:

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

变为:

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

答案 2 :(得分:1)

你应该这样做

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

<强> PS。在某些情况下,使用原始代码比图像更好。

答案 3 :(得分:0)

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