多级菜单

在HTML中创建多级菜单通常通过嵌套的

和
• 元素来实现，每个
• 元素可以包含一个子
  ，从而形成多层嵌套。结合CSS来控制样式和层级关系，还可以使用JavaScript来增强交互性（比如显示/隐藏子菜单）。

  下面是一个简单的多级菜单的例子：

  HTML结构
  html

  <nav>
      <ul class="menu">
          <li><a href="#">首页</a></li>
          <li>
              <a href="#">关于我们</a>
              <ul class="submenu">
                  <li><a href="#">公司简介</a></li>
                  <li>
                      <a href="#">团队介绍</a>
                      <ul class="submenu">
                          <li><a href="#">管理层</a></li>
                          <li><a href="#">员工故事</a></li>
                      </ul>
                  </li>
                  <li><a href="#">我们的使命</a></li>
              </ul>
          </li>
          <li><a href="#">服务</a></li>
          <li><a href="#">联系我们</a></li>
      </ul>
  </nav>