HTML5语义化结构标签

结构元素

标签名	描述
header元素	表示页面中一个内容区块或整个页面的标题
nav元素	表示页面中导航部分
article元素	代表文档、页面或者应用程序中与上下文不相关的独立部分
aside元素	用来定义当前页面或者文章的附属信息部分，
section元素	页面中的一个内容区块
footer元素	表示整个页面或页面中一个内容区块的脚注

• header元素
  HTML5中的header元素是一种引导和导航作用的结构元素，该元素可以包含通常放在页面头部的内容。

• nav元素
  用于定义导航链接，是HTML5的新增元素，该元素可以将具有导航性质的链接归纳在一个区域中
  示例：

<nav>
    <a href="">首页</a>
    <a href="">公司概况</a>
    <a href="">产品展示</a>
    <a href="">联系我们</a>
   </nav>

• article元素
  该元素经常被用于定义一篇日志或者评论等等。通常使用多个section元素来划分，一个页面中可以出现多次

• aside元素
  表示标签元素内容之外的、与标签内容相关的辅助信息。可用作文章的侧栏。

• section元素
  用于对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成。

• footer元素
  用于定义一个页面或者区域的底部，他可以包含所有通常放在页面底部的内容。一般来说，它会包含创作者的姓名、创作日期以及创作者的联系信息。

分组元素

标签名	描述
figure元素	用于定义独立的流内容
figcaption元素	用于为figure组添加标题
hgroup元素	将多个标题组成一个标题组

• figure元素
  一般指一个单独的单元，figure元素的内容应该与主内容相关，但如果被删除也不会对文档流产生影响。
• figcaption元素
  一个figure元素内最多允许使用一个figcaption元素，该元素应该放在figure元素的第一个或者最后一个子元素的位置。
• hgroup元素
  通常它与它与h1~h6元素组合使用。通常，将hgroup元素放在header元素中。
  在使用时要注意以下几点：
  ①如果只有一个或者一个以上的标题与元素时，推荐使用hgroup元素作为标题 元素。
  ②当出现一个或者多个以上的标题与元素时，推荐使用hgroup元素作为标题元素。
  ③当一个标题包含副标题，section或者article元素时，建议将hgroup元素和标题相关元素放到header元素容器中。

页面交互元素

标签名	描述
details元素	用于描述文档或文档某个部分的细节
summary元素	用于为details定义标题
progress元素	表示一个任务的完成进度
meter元素	用户表示指定范围内的数值

• details和summary元素
  经常配合使用，summary作为details元素的第一个子元素，用于定义details标题，当用户点击标题时，会显示或隐藏details中的其他内容。
  示例：

<details>
   <summary>1</summary>
   <summary>2</summary>
   <summary>3</summary>
  </details>

• progress元素

用于表示一个任务的完成进度。这个进度可以时不确定的，只是表示进度正在进行，但清楚还有多少工作量没有完成。
常用属性值：
①value：已经完成的工作量
②max：总共有多少工作量
示例：

完成度：<progress max=100 value=60></progress>

meter元素
用于表示指定范围内的数值。例如，显示硬盘容量或者对某个后选者的投票总人数的比例等，都可以使用meter元素。
常用属性：

属性	说明
high	定义度量的值位于那个点被界定为高的值
low	定义度量的值位于那个点被界定为低的值
max	定义最大值，默认值时1
min	定义最小值，默认值时0
optimum	定义什么样的度量值时最佳值，如果该值高于high的属性，则意味着值越多越好。如果该值低于low的属性，则意味着值越低越好。
value	定义度量的值

文本层次语义元素

标签名	描述
time元素	用于定义时间或日期
mark元素	在文本中高亮呈现某些字符
cite元素	创建一个引用标记

• time元素

time元素有两个属性：
① datetime：定义相应的时间或日期。取值为具体时间（例如：14：00）或具体日期（例如2015-09-01），不一定该属性时，由元素的内容给定日期/时间。
②pubdate：用于定义time元素中的日期/时间是文档（或article元素）的发布日期。取值一般为“pubdate”

• mark元素

主要功能是在文本中高亮显示某些字符，该元素的用方法与em和strong有相似之处，但是使用mark元素在突出显示样式更时随意灵活。

• cite元素

用于对文档参考文献的引用说明，一旦在文档中使用该标记，被标记的文档内容将以斜面的样式展示在页面中，以区别于段落中其他字符。