【问题标题】:Can not have an ul inside an ol in htmlhtml 中的 ol 内不能有 ul
【发布时间】:2013-04-08 02:41:37
【问题描述】:

我在测试 HTML 时收到以下验证错误。

请查看附件中的 HTML 代码图片。 “在此上下文中,元素 ul 不允许作为元素 ol 的子元素。”

【问题讨论】:

  • 请发布代码,而不是代码图片。

标签: html css list html-lists


【解决方案1】:

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

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

我认为你的意图是:

<ol>
    <li>
        <ul>

&lt;ul&gt; 可以包含在作为&lt;ol&gt; 子级的&lt;li&gt; 内。

【讨论】:

    【解决方案2】:

    这是因为您应该将内部

      包装在列表
    • 项中:
      <ul><li>text</li>....</ul>
      

      变成:

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

    【讨论】:

      【解决方案3】:

      你应该这样做

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

      附言。在某些情况下,使用原始代码比使用图像更好。

      【讨论】:

        【解决方案4】:

        尝试将&lt;ul&gt; 部分包装到&lt;li&gt; 标记中。

        【讨论】:

        • 如果你多花点力气,这可能是一个更好的答案。首先,使用正确的大小写和标点符号。更重要的是,解释为什么将列表包装在列表项标签中会有所作为。
        猜你喜欢
        • 2017-01-10
        • 2010-11-05
        • 1970-01-01
        • 2011-01-29
        • 2011-08-06
        • 1970-01-01
        • 2018-10-23
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多