HTML混合嵌套有序与无序列表被校验器报错，求符合规范的正确写法

错误原因 #

HTML 规范明确要求：<ol>、<ul> 标签的直接子元素只能是 <li> 标签，你当前的写法直接把 <ul> 作为 <ol> 的子节点，属于不符合标准的语法，虽然大部分浏览器会做兼容渲染出预期效果，但代码校验工具会直接识别出语法错误。

正确实现方案 #

嵌套列表必须放在上级列表对应的 <li> 标签内部：先写上层 <li> 的内容，不要闭合 <li>，接着写嵌套的 <ul>/<ol>，写完嵌套列表后再闭合对应的上层 <li> 即可。

修正后的完整代码如下：

<ol>
  <li>公立、私立及宗教学校项目与集会
    <ul>
      <li>小学、初中、高中各阶段的校园集会</li>
      <li>面向全年级社会研究或历史课程的单独课堂授课</li>
      <li>播放各类相关主题的视频片段，随后开展班级/小组讨论与活动</li>
      <li>对接青少年团体/童子军/女童军/基督教女青年会等组织</li>
      <li>课后项目</li>
      <li>对接学龄儿童课后项目</li>
      <li>对接幼儿教育项目</li>
      <li>社区项目与活动</li>
    </ul>
  </li>
  <li>涵盖主题包括但不限于：
    <ul>
      <li>偏见</li>
      <li>刻板印象</li>
      <li>内隐偏见</li>
      <li>歧视</li>
    </ul>
  </li>
</ol>

内容的提问来源于stack exchange，提问作者lantech19446