Question

我试图验证.html文件并收到此错误 - 错误：在此上下文中，元素ul不允许作为元素ol的子元素

<ol>
   <li><span class="bold">Preheat Oven:</span> Preheat oven </li>
   <li>To Mak</li>
  <ul>
    <li>Whisk together </li>
    <li>Stir in water,.</li>
    <li>Cook over</li>
    <li>Stir in butter.</li>
    <li>Place egg yolks</li>
    <li>Whisk egg yolk . </li>
    <li>Bring to a </li>
    <li>Remove from heat. </li>
    <li>Pour fill.</li>
  </ul>
<li><span class="bold">Make Meringue:</span>  bowl ...</li>
<ul>
<li> woamy.</li>
    <li>Add sugar gradua. </li>
    <li> sealing the edges at the crust.</li>
</ul>
   <li>brown.</li>
</ol>

我似乎无法弄清楚我做错了什么。有什么建议？

Answer 1

你需要将无序列表包装在列表项标签中，否则它们只会在no中间浮动：

<ol>
    <li><span class="bold">Preheat Oven:</span> Preheat oven </li>
    <li>To Mak</li>
    <li>
        <ul>
            <li>Whisk together </li>
            <li>Stir in water,.</li>
            <li>Cook over</li>
            <li>Stir in butter.</li>
            <li>Place egg yolks</li>
            <li>Whisk egg yolk . </li>
            <li>Bring to a </li>
            <li>Remove from heat. </li>
            <li>Pour fill.</li>
        </ul>
    </li>
    <li><span class="bold">Make Meringue:</span>  bowl ...</li>
    <li>
        <ul>
            <li> woamy.</li>
            <li>Add sugar gradua. </li>
            <li> sealing the edges at the crust.</li>
        </ul>
    </li>
    <li>brown.</li>
</ol>

Answer 2

https://stackoverflow.com/a/15870503/8179067我认为答案可以在这个主题中找到:) “

这是因为（实际上）的内容模型是零个或多个li元素

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

标签以外的任何标签，或者根本不包含任何内容。如果你有浏览器会在开始之前自动关闭标签（好吧，好的）。

试试这个：）

HTML：<ol>验证错误下的嵌套<ul>

2 个答案: