关于HTML的语义化标签和无语义化标签

  <header>
        <h1>这是标题</h1>
        <nav>
            <a>Home</a>
            <a>Other</a>
            <a>About</a>
         </nav>
    </header>

<!-- 
        快捷创建标签：
            h3*6  快速创建六个是h3的标题标签
            h$*6   快速创建h1到h6标题标签无内容
            h${我爱你中国}*6  快速创建h1到h6标题标签内容是：我爱你中国
            h${我爱你中国$}*6  快速创建h1到h6标题标签内容是：我爱你中国+数字（1-6）
      -->
      
      <h1>我爱你中国1</h1>
      <h2>我爱你中国2</h2>
      <h3>我爱你中国3</h3>
      <h4>我爱你中国4</h4>
      <h5>我爱你中国5</h5>
      <h6>我爱你中国6</h6>
     

<footer>
   定义文档的底部区域
 </footer>

<p>lorem</p>

<p>Lorem ipsum dolor consectetur voluptatem magni numquam aperiam.</p>

<hr> <hr> <br><br> <hr>

 Lorem ipsum dolor sit<b>amet</b><strong>sit</strong>
    <i>dolor</i>aaa<em>dolor</em> <u>ipsum</u><ins>ipsum</ins>
    <s>Lorem</s><del>Lorem</del>
    

 <div>
  我是div标签
 </div>

<span>我是span标签</span>

<nav>
     <a>Home</a>
     <a>Other</a>
     <a>About</a>
 </nav>