HTML5/CSS Microsoft Web Express 中的 ul 不能包含 ul

Question

我试图用下拉列表制作一个导航栏，但是当我用子列表制作无序列表时，它给我一个错误，指出 ul 不能包含在 HTML 5 中的 ul 中。

这是我的代码：

<div id ="header">
  <nav>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="#">Assignments</a></li>
      <ul>
        <li><a href="index.html">Assignment 01</a></li>
        <li><a href="Assignment02.html">Assignment 02</a></li>
        <li><a href="Assignment03.html">Assignment 03</a></li>
      </ul>
      <li><a href="#">Tutorials</a></li>
      <ul>
        <li><a href="Week01.html">Week01</a></li>
        <li><a href="Week02.html">Week02</a></li>
        <li><a href="Week03.html">Week03</a></li>
        <li><a href="Week04.html">Week04</a></li>
        <li><a href="Week05.html">Week05</a></li>
        <li><a href="Week06.html">Week06</a></li>
        <li><a href="Week07.html">Week07</a></li>
        <li><a href="Week08.html">Week08</a></li>
        <li><a href="Week09.html">Week09</a></li>
      </ul>       
      <li><a href="mailto:ahmed3415@gmail.com">Contact</a></li>
      <li><a href="#">About</a></li>
    </ul>
  </nav>
</div>

Answer 1

您的子列表必须包含在列表项中。

例如

<ul>
  <li>item</li>
  <li>Sublist:
    <ul>
      <li>sublist item</li>
      <li>sublist item</li>
      <li>sublist item</li>
      <li>sublist item</li>
    </ul>
  </li>
  <li>item</li>
</ul>

您的代码已修改，子列表包含在您的 li 标签中。

<div id="header">
  <nav>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="#">Assignments</a>
        <ul>
          <li><a href="index.html">Assignment 01</a></li>
          <li><a href="Assignment02.html">Assignment 02</a></li>
          <li><a href="Assignment03.html">Assignment 03</a></li>
        </ul>
      </li>
      <li><a href="#">Tutorials</a>
        <ul>
          <li><a href="Week01.html">Week01</a></li>
          <li><a href="Week02.html">Week02</a></li>
          <li><a href="Week03.html">Week03</a></li>
          <li><a href="Week04.html">Week04</a></li>
          <li><a href="Week05.html">Week05</a></li>
          <li><a href="Week06.html">Week06</a></li>
          <li><a href="Week07.html">Week07</a></li>
          <li><a href="Week08.html">Week08</a></li>
          <li><a href="Week09.html">Week09</a></li>
        </ul>
      </li>
      <li><a href="mailto:ahmed3415@gmail.com">Contact</a></li>
      <li><a href="#">About</a></li>
    </ul>
  </nav>
</div>

HTML5/CSS Microsoft Web Express 中的 ul 不能包含 ul

HTML5/CSS can not contain ul with in ul in Microsoft Web Express

html

css

navigationbar