Html 导航链接工作但未通过FreeCodeCamp挑战：产品登录页中的测试

我刚刚开始学习使用freecodecamp编写代码。然而，我被困在“创建产品登录页”的挑战中

挑战要求以下方面：

用户故事#5：当我单击nav元素中的.nav链接按钮时，我被>带到登录页的相应部分

在我看来，我的代码似乎满足了这个简短的要求（它似乎确实有效），但由于某些原因，它没有通过测试。如果您能提供以下建议，我将不胜感激：

这是相关代码（如果您需要查看整个页面，请让我知道）

当我运行测试时，会出现以下错误：

当我单击nav元素中的.nav链接按钮时，我会被带到登录页的相应部分。” 每个.nav链接元素都应该有一个href属性：预期为false>等于true AssertionError:每个.nav链接元素都应该有一个href属性：>预期false等于true

---

非常感谢您的帮助。

看起来您正在单击锚定（a）元素，而不是li元素。你能试着给标签导航链接类吗

---

他们在这里特别提到的另一件事是按钮。你没有任何元素。如果您创建了一个带有.nav链接和a href属性的按钮，那么它是否能够正常工作？

您的列表项和at标记需要正确的html标记封装。我喜欢用我的封装像一个段落一样键入我的html，这样我就可以跟踪结束标记

  <nav id="nav-bar" class="nav-bar">
      <ul>
        <li class="nav-link">
            <a href="#home">Home</a>
        </li>
        <li class="nav-link">
             <a href="#about">About</a>
        </li>
        <li class="nav-link">
             <a href="#news">News</a>
        </li>
     </ul>
  </nav>

---

exitos amigo

您的链接可能会正常工作，即使是未正确关闭的链接，因为大多数现代浏览器都会更正html标记错误，但由于标记未全部关闭，因此未通过测试请提供解决方案说明

  <nav id="nav-bar" class="nav-bar">
      <ul>
        <li class="nav-link">
            <a href="#home">Home</a>
        </li>
        <li class="nav-link">
             <a href="#about">About</a>
        </li>
        <li class="nav-link">
             <a href="#news">News</a>
        </li>
     </ul>
  </nav>

  <nav id="nav-bar">
    <ul>
      <li ><a class="nav-link" href="#home">Home</a>
    </li>
    <li><a class="nav-link" href="#about">About</a>
    </li>
    <li ><a class="nav-link" href="#news">News</a>
      </li>
   </ul>
</nav>