技术文档页 - 制作一个技术文档页面

告诉我们发生了什么:
就一直提示每个 main-section的第一个子元素都应该是一个header 元素。我找不到问题所在
你目前的代码

警告

挑战的种子代码和/或你的解决方案超过了我们从挑战传送的最大长度。

你需要在此采取额外步骤,以确保你写的代码可以轻松地被阅读。

请复制/粘贴所有在挑战中编辑器所显示的代码。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta farset="utf-8">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
      <nav id="navbar">
        <header>JS文档</header>
        <ul>
          <li><a href="#介绍" class="nav-link">介绍<a/><li>
            <li><a href="#您应该已知道的内容" class="nav-link">您应该已知道的内容<a/><li>
              <li><a href="#JavaScript和Java" class="nav-link">JavaScript和Java<a/><li>
                <li><a href="#世界您好" class="nav-link">世界您好<a/><li>
                  <li><a href="#变量" class="nav-link">变量<a/><li>
                    <li><a href="#声明变量" class="nav-link">声明变量<a/><li>
                      <li><a href="#可变范围" class="nav-link">可变范围<a/><li><a/>
                        <li><a href="#全局变量" class="nav-link">全局变量<a/><li>
                          <li><a href="#常数" class="nav-link">常数<a/><li>
                            <li><a href="#数据类型" class="nav-link">数据类型<a/><li>
                              <li><a href="#其他声明" class="nav-link">其他声明<a/><li>
                                <li><a href="#而声明" class="nav-link">而声明<a/><li>
                                  <li><a href="#函数声明" class="nav-link">函数声明<a/><li>
                                    <li><a href="#参考" class="nav-link">参考<a/><li>
        </ul>
      </nav>
      <main id="main-doc">
      <section class="main-section" id="介绍">
      <header>介绍</header>
        <article>
        <p>JavaScript 是一种跨平台、面向对象的脚本语言。 它是一种小巧轻量级的语言。在主机环境中 (例如,Web浏览器),</P><P>JavaScript可以连接到 其环境的对象,以提供对 他们。

JavaScript 包含一个标准的对象库,例如 Array、 日期和数学,以及一组核心语言元素,例如 运算符、控制结构和语句。核心JavaScript可以 通过补充它来扩展各种目的 附加对象;例如</p>
        <ul>
          <li>客户端 JavaScript 通过提供 对象来控制浏览器及其文档对象模型 (DOM)。 例如,客户端扩展允许应用程序放置 元素并响应用户事件(如鼠标) 单击、表单输入和页面导航</li>
          <li>服务器端 JavaScript 通过提供 与在服务器上运行 JavaScript 相关的对象。例如 服务器端扩展允许应用程序与 数据库,提供从一次调用到 另一个应用程序,或对 服务器</li>
        </ul>
        </article>
      </section>
      <section class="main-section" id="您应该已知道的内容">
      <header>您应该已知道的内容</header>
        <article>
          <p></p>
          <p></p>
          <p></p>
          <ul>
          <li></li>
          <li></li>
          </ul>
          </article>
      </section>
      <section class="main-section" id="JavaScript和Java">
      <header>JavaScript和Java</header>
      <article>
          <p></p>
          <p></p>
          <code></code>
          <ul>
          <li></li>
          <li></li>
        </ul>
        </article>
      </section>
      <section class="main-section" id="世界您好">
      <header>世界您好</header>
      <article>
        <p></p>
        <p></p>
        <code></code>
      </article>
      </section>
      <section class="main-section" id="变量">
      <header>变量</header>
        <article>
        <code></code>
      </article></section>
      <section class="main-section" id="声明变量">
      <header>声明变量</header>
        <article>
        <code></code>
        </article>
      </section>
      <section class="main-section" id="可变范围">
      <header>可变范围</header>
        <article>
        <p></p>
        <p></p>
        <code></code>
        </article>
      </section>
      <section class="main-section" id="全局变量">
      <header>全局变量</header>
        <article>
        <p></p>
        </article>
      </section>
      <section class="main-section" id="常数">
      <header>常数</header>
        <article>
          <p></p>
        </article>
      </section>
      <section class="main-section" id="数据类型">
      <header>数据类型</header>
        <article>
          <p></p>
        </article>
      </section>
      <section class="main-section" id="其他声明">
      <header>其他声明</header>
        <article>
          <p>
          </p></article>
      </section>
      <section class="main-section" id="而声明">
      <header>而声明</header>
        <article><p>
          </p></article>
      </section>
      <section class="main-section" id="函数声明">
      <header>函数声明</header>
        <article><p>
          </p>
          </article>
      </section>  
      <section class="main-section" id="参考">
      <header>参考</header>
        <article>
        <ul>
        <li>本页所有文档均取自<a href="#" target="_blank">weqr</a></li>
        </ul>
        </article>
      </section>
    </main>
  </body>
  </html>

你的浏览器信息:

用户代理是: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.35

挑战: 技术文档页 - 制作一个技术文档页面

挑战的链接:

你自己的 ul 相关 有语法错误
Unexpected closing tag “ul”. It may happen when the tag has already been closed by another tag. For more info see HTML Standard (41:5)

你可以删除掉

测试代码
里面

const els = document.querySelectorAll('.main-section')
els.forEach(el => {
  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
})
assert(els.length > 0)

我改写成

const els = document.querySelectorAll('.main-section')
els.forEach(el => {
  if(el.firstElementChild?.tagName !== 'HEADER')  console.log(el.firstElementChild.tagName)
})

就有发现 ul 的语法错误,导致html 不能正常解析