3.html5文件类型声明

3.html5文件类型声明

3.1   html5新增的标签，块状元素。

<article>  标记定义一篇文章

<header>  标记定义一个页面或一个区域的头部，虽然header元素经常会被放在页面或一节内容的顶部，但是他的定义与其位置无关。网站的布局可能将文章或博客的标题位于内容的左侧，右侧或者下面，无论怎样都可以用header元素来描述该内容。

<nav>标记定义导航链接

<setion>标记定义一个区域。表示文档或应用程序的通用部分，一节就是一个一组专题内容，并通常带有标题。适用范围：

A.选项卡界面的各个部分

B.“关于”页面，包括公司的历史，使命，以及团队等部分。

C．很长的“服务条款“页面中的不同部分。

D.在线新闻网站的各个部分。例如文章可分为体育，娱乐等。

<aside>标记定义页面内容的部分的侧边栏。适用在博客中的文章张节导航。

<hgroup>标记定义文件中一个区块的相干信息，定义标题组，<h1>,<h2>,<h3>把标题绑在一起

<fiure>标记定义一组媒体内容以及他们的标题  

<figcaption>标签定义figure元素的标题

<footer> 标记定义一个页面或者一个区域的底部。包括版权信息，相关链接列表。

<dialog>标记定义一个对话框（）会话框类似于微信。

3.2  多媒体交互标签

<video>标记定义一个视频

<audio> 标记定义音频内容

<source>标记定义媒体资源

<canvas>标记定义图片

<embed>标记定义外部的可交互的内容或插件，比如发来flash

Html5的多媒体标签使得不用安装插件就可以操作媒体文件，极大提高用户体验。

3.3  web标签

<meter>状态标签（实时状态显示：气压等）

<progress>状态标签（任务过程比如说安装，加载的进度条）

3.4  其他标签（现在不做过多解释，在后续内容有更新）

<ruby><rp><rt>注释标签

<mark><output>

3.5  重新定义的标签

<b>代表的是内联文本，通常是粗体就是样式没有传递表示重要的意思

<i>通常是斜体，没有传递表示重要的意思

<strong>表示重要性而不是强调符合

<dd>对列表中的实务进行描述可以同details与figure一同使用，定义包含文本，dialog也可用

<dt>列表中的标题

<hl>样式还是水平线，但是意思是主题的结束

<small>表示小字体，例如页面最上角的版权信息，条款。