<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>我的电子商务网站</title>
    <link
      href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One"
      rel="stylesheet" />
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <!-- 这是网站的主要头部，用于所有页面 -->
    <header>
      <h1>电子商务网站</h1>
    </header>

    <nav>
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">产品</a></li>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
      <!-- 搜索表单是另一种常见的非线性方式来浏览网站。 -->
      <form>
        <input type="search" name="q" placeholder="搜索产品" />
        <input type="submit" value="搜索" />
      </form>
    </nav>

    <!-- 这是页面的主要内容 -->
    <main>
      <!-- 它包含一篇文章 -->
      <article>
        <h2>特色产品：智能健身镜</h2>
        <p>
          这款智能健身镜是一款结合人工智能技术与健身的高科技产品。作为您的私人健身教练和健康顾问，它能根据您的需求提供个性化的锻炼计划。它配备了丰富课程库和实时指导功能，适合各类人群使用。它内置了心率监测和热量统计功能，可与智能设备同步数据，还支持语音控制和手势识别，设计时尚，适合家居环境，让您在家即可享受专业的健身体验，助您实现健康生活的目标。
        </p>

        <h3>产品1：智能手表</h3>
        <p>
          这款智能手表具有多种功能，如健康监测、运动追踪和智能通知等。它采用优质材料制作，舒适耐用。价格优惠，是您理想的健身伴侣。
        </p>

        <h3>产品2：无线耳机</h3>
        <p>
          这款无线耳机具有高音质、低延迟和长续航等特点。它还具备智能降噪功能，让您在嘈杂的环境中享受纯净的音乐体验。现在购买还有优惠活动哦！
        </p>
      </article>

      <!-- aside内容也可以嵌套在主要内容中 -->
      <aside>
        <h2>最新动态</h2>

        <ul>
          <li><a href="#">新产品系列发布</a></li>
          <li><a href="#">部分商品特价促销</a></li>
          <li><a href="#">订单满50元免费配送</a></li>
          <li><a href="#">客户评价和推荐</a></li>
          <li><a href="#">即将举行的活动和促销</a></li>
        </ul>
      </aside>
    </main>

    <!-- 这是网站的底部，用于所有页面 -->
    <footer>
      <p>&copy; 2022 我的电子商务网站。保留所有权利。</p>
    </footer>
  </body>
</html>
