帮我写一个HTML5的四级导航栏

好的，以下是一个简单的HTML5四级导航栏示例：

<nav>
  <ul>
    <li><a href="#">首页</a></li>
    <li>
      <a href="#">产品</a>
      <ul>
        <li><a href="#">产品1</a></li>
        <li><a href="#">产品2</a></li>
      </ul>
    </li>
    <li>
      <a href="#">服务</a>
      <ul>
        <li>
          <a href="#">服务1</a>
          <ul>
            <li><a href="#">服务1.1</a></li>
            <li><a href="#">服务1.2</a></li>
          </ul>
        </li>
        <li><a href="#">服务2</a></li>
        <li><a href="#">服务3</a></li>
      </ul>
    </li>
    <li><a href="#">关于我们</a></li>
  </ul>
</nav>

解释一下代码：

- `<nav>` 标签用于定义导航栏。
- `<ul>` 标签是一个无序列表，用于包含导航栏中的所有项。
- `<li>` 标签定义列表项，每个列表项包含一个链接。
- `<a>` 标签用于定义链接，`href` 属性指定链接的目标页面。
- 有子菜单的导航栏项，使用嵌套的 `<ul>` 和 `<li>` 标签构建下拉菜单。
- 每个下拉菜单项都可以再嵌套一个下拉菜单，使用相同的 `<ul>` 和 `<li>` 标签结构嵌套即可。

当然，这只是一个基本示例，你可以根据自己的实际需求进行修改和定制。