html5新增标签总结

推荐网址：http://html5please.com/

一、主体结构元素
1、article：表示一篇文章或一个页面中独立的内容。article可以嵌套使用，可用来表示插件。
2、section：用于对页面分块，但只是内容上的分块，如果一个容器需要被直接定义样式时，推荐使用div
3、nav：用于页面导航链接组。用于传统导航条、侧边栏导航、页内导航、翻页操作
4、aside：用于文章或页面附属信息的承载，如类似于“引用部分”等区别于主要内容的内容。

5、time：时间标签

datetime属性：

<time datetime="2015-8-9"></time>    <!--日期-->
<time datetime="2015-8-9T21:00"></time>    <!--T是分隔符，表示时间-->
<time datetime="2015-8-9T21:00Z"></time>    <!--Z表示UTC标准时间-->
<time datetime="2015-8-9T21:00+09:00"></time>    <!--两地区时差-->

pubdate属性：值为布尔类型（true或false），表示文章或网页的发布日期。

二、非结构元素
1、header：放置页面或页面内某个区块的头部元素。
2、footer：放置页面或页面内某个区块的底部元素。
3、hgroup：将标题及其自标题进行分组的元素。

4、address：用来呈现联系信息的，不仅仅包括电话，应包括文档作者的全部信息。

二、其它

1.canvas:用于图形的绘制

2.video 和audio:用于媒介，

   audio——定义声音，比如音乐或其他音频流。src属性定义文件位置。

   video——定义视频，比如电影片段或其他视频流。controls和src属性。

3.localStorage 和sessionStorage ：对本地离线存储的支持

      localStorage - 没有时间限制的数据存储

      localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

     sessionStorage - 针对一个 session 的数据存储

     sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

4.

source—— 为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

embed—— 定义嵌入的内容，比如插件。必须有 src 属性。无法在开始标签和结束标签之间写文本。

5.

details——描述文档或文档某个部分的细节。

summary——定义details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。

figure——对元素进行组合，主要是媒介内容的分组，以及它们的标题。

figcaption——定义 figure 元素的标题。被置于 "figure" 元素的第一个或最后一个子元素的位置。

menu——定义菜单列表。当希望列出表单控件时使用该标签。在 HTML 4.01 中，不赞成使用 menu 元素。在 HTML 5 中，重新定义了 menu 元素，且使用用于排列表单控件。

command——定义命令按钮，比如单选按钮、复选框或按钮。有type属性。

datalist——定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 datalist 及其选项不会被想显示出来，它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。

keygen——定义生成密钥。

mark——主要用来在视觉上向用户呈现那些需要突出的文字。<mark>标签的一个比较典型的应用就是在搜索结果中向用户  高亮显示搜索关键词。

meter

output

progress—— 定义运行中的进度（进程）。可用于显示 JavaScript 中耗费时间的函数的进度。

rp——若浏览器不支持 ruby 元素显示的内容。

rt—— 定义ruby 注释的解释。

ruby——ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支  持 "ruby" 元素时显示的内容。

6.Html5 不支持的标签

acronym

applet

basefont

big

center

dir——定义列表项目 HTML4中不赞成使用。

font

frame

frameset

isindex

noframes

s

strike

tt

u

xmp 

7、HTML5 有哪些新增的表单元素？

HTML5 新增了很多表单元素让开发者构建更优秀的 Web 应用程序。

• datalist
• datetime
• output
• keygen
• date
• month
• week
• time
• color
• number
• range
• email
• url

8、HTML5 废弃了哪些 HTML4 标签？

HTML5 废弃了一些过时的，不合理的 HTML 标签：

• frame
• frameset
• noframe
• applet
• big
• center
• basefront

9、HTML5 标准提供了哪些新的 API？

HTML5 提供的应用程序 API 主要有：

• Media API
• Text Track API
• Application Cache API
• User Interaction
• Data Transfer API
• Command API
• Constraint Validation API
• History API