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

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

您需要将无序列表包装在列表项标签中，否则它们只是漂浮在中间

：

<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 元素

这两个标签实际上不能包含标签以外的任何内容

，或者什么都不能包含。如果您有浏览器，则会在开始之前自动关闭标签(好吧，好的浏览器(。

试试这个:)