HTML列表嵌套验证报错：ol与ul互为子元素不被允许的问题求助

为什么会报错？ #

HTML的列表元素（<ol>有序列表、<ul>无序列表）有明确的结构规则：它们的直接子元素只能是<li>列表项，不能直接嵌套另一个列表。你当前的代码把<ul>直接放在<ol>末尾，没有被任何<li>包裹，违反了这个规范，所以验证器抛出错误。

修改后的正确代码 #

把<ul>放到对应的列表项<li>内部，比如你想让“save the world”作为父项，下面附带子列表，代码调整如下：

<ol>
  <li>learn html. </li>
  <li>learn css. </li>
  <li>learn python. </li>
  <li>save the world. 
    <ul>
      <li>be patient.</li>
      <li>improve your skills</li>
    </ul>
  </li>
</ol>

逻辑说明 #

子列表必须是某个列表项的附属内容，所以得嵌套在对应的<li>标签里，让它成为该列表项的一部分。这样既符合HTML结构规范，也能准确表达内容的层级关系。

内容的提问来源于stack exchange，提问作者Ahmed Hisham إبن هشام