html sitemap

<!-- HTML Sitemap Example -->
<div id="sitemap">
  <h2>HTML Sitemap</h2>
  <ul>
    <li><a href="/home">Home</a></li>
    <li><a href="/about">About Us</a></li>
    <li><a href="/services">Services</a>
      <ul>
        <li><a href="/services/web-design">Web Design</a></li>
        <li><a href="/services/seo">SEO</a></li>
        <li><a href="/services/marketing">Marketing</a></li>
      </ul>
    </li>
    <li><a href="/portfolio">Portfolio</a></li>
    <li><a href="/contact">Contact Us</a></li>
  </ul>
</div>

解释说明：

• <div id="sitemap">: 包含整个站点地图的容器。
• <h2>: 标题，用于描述该部分的内容是站点地图。
• <ul> 和 <li>: 使用无序列表 (<ul>) 和列表项 (<li>) 来组织链接。每个链接使用 <a> 标签表示。
• 嵌套的 <ul>: 用于表示子页面或子类目，例如 "Services" 下面有多个服务项目。

这个 HTML 站点地图可以帮助用户快速浏览网站的主要内容，并且对搜索引擎优化（SEO）也有一定的帮助。