html语义化标签使用

html5赋予网页更好的寓意和结构，方便搜索引擎的SEO处理。
结构性标签加重语义，使结构更清晰。
header：页眉也可用于块头部
nav:导航
article:用来在页面中一套结构，且完整独立的部分
section:页面上的版块
aside:侧边栏，广告，nav元素组以及其他的相似内容部分，aside内容应该与article有关
footer:页面的底部版块
 

功能性标签带有默认样式，加重语义。
常用的功能性标签：
figure标签：规定独立的流内容（图像、图表、照片、代码等等）。
示例（使用figure标签标记文档中的图像）：
  

 <figure>
          <img src="images/1.jpg" alt="">
 </figure>

 
figurecaption标签：为元素添加标题

示例：

<figure>
            <img src="images/1.jpg">
            <figcaption>米老鼠</figcaption>
</figure>

time标签：用来表示时间或日期
  

 <time>2020-03-31</time>

 
hgroup标签：一个标题和一个子标题或者标语的组合
示例：
 

   <hgroup>
        <h1>你 你好</h1>
        <h2>你说我很高兴能遇见你</h2>
   </hgroup>

 
address标签：定义文章或者页面作者的详细联系信息
示例：
 

  <address>
        email<a href="mailto:145643556@qq.com">145643556@qq.com</a>
        <br>
        QQ:145643556
  </address>
 

mark标签：需要标记的词或句子，默认黄色背景
示例：

<mark>需要标记的词或句子</mark>