html5有哪些新特性，移除了那些元素

HTML5已形成了最终的标准，概括来讲，它主要是关于图像，位置，存储，多任务等功能的增加。

新增的元素有绘画 canvas ，用于媒介回放的 video 和 audio 元素，本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失，而sessionStorage的数据在浏览器关闭后自动删除，此外，还新增了以下的几大类元素。

内容元素，article、footer、header、nav、section。

表单控件，calendar、date、time、email、url、search。

控件元素，webworker, websockt, Geolocation。

移出的元素有下列这些：

显现层元素：basefont，big，center，font, s，strike，tt，u。

性能较差元素：frame，frameset，noframes。

如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？

处理兼容问题有两种方式：

1.IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。

2.使用是html5shim框架

另外，DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素，此外，还可以根据新增的结构、功能元素来加以区分。

为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。

<canvas> 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素：

<audio> 定义音频内容

<video> 定义视频（video 或者 movie）

<source> 定义多媒体资源 <video>和 <audio>

<embed> 定义嵌入的内容，比如插件。

<track> 为诸如 <video>和 <audio>元素之类的媒介规定外部文本轨道。

新表单元素：

<datalist> 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

<keygen> 规定用于表单的密钥对生成器字段。

<output> 定义不同类型的输出，比如脚本的输出。

新的语义和结构元素：

<article> 定义页面独立的内容区域。

<aside> 定义页面的侧边栏内容。

<bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置。

<command> 定义命令按钮，比如单选按钮、复选框或按钮

<details> 用于描述文档或文档某个部分的细节

<dialog> 定义对话框，比如提示框

<summary> 标签包含 details 元素的标题

<figure> 规定独立的流内容（图像、图表、照片、代码等等）。

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

<footer> 定义 section 或 document 的页脚。

<header> 定义了文档的头部区域

<mark> 定义带有记号的文本。

<meter> 定义度量衡。仅用于已知最大和最小值的度量。

<nav> 定义运行中的进度（进程）。

<progress> 定义任何类型的任务的进度。

<ruby> 定义 ruby 注释（中文注音或字符）。

<rt> 定义字符（中文注音或字符）的解释或发音。

<rp> 在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。

<section> 定义文档中的节（section、区段）。

<time> 定义日期或时间。

<wbr> 规定在文本中的何处适合添加换行符。

h5元素大致的分为下面几大类：

1.内嵌------在文档中添加其他类型的内容，如audio,video,canvas,iframe等

2.流------在文档和应用的body中使用的元素，如form,h1,small等

3.标题------段落标题，如h1,h2,hgroup等

4.交互------与用户交互的内容，如音频和视频的空间，button,textarea等

5.元数据------通常出现在页面的head中，设置页面其他部分的表现和行为，如script,style,title等

6.短语------文本和文本标记元素，如mark,kbd,sub,sup等

以上所有类型的元素都可以通过css来设定样式。

HTML5定义类一组新的语义化标记来描述元素的内容。简化了HTML页面设计。

这些分别是

1.header------标记头部区域的内容（用于整个页面或页面中的一块区域）

2.footer------标记脚部区域的内容（用于整个页面或页面中的一块区域）

3.section------Web页面中的一块区域

4.article------独立的文章内容

5.aside------相关内容或者引文

6.nav------导航类辅助内容

1.hgroup------用于对整个页面或页面中一个内容区块的标题进行组合

2.figure------表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元，使用figcaption元素可为figure元素组添加标题

3.vedio------定义视频，比如电影片段或其他视频流

4.audio------定义音频，比如音乐或其他音频流

5.embed------用来插入各种多媒体，格式可以使MIDI，WAV，AIFF，AU，MP3等

6.mark------主要用来在视觉上向用户呈现那些需要突出显示和高亮显示的文字。

7.time------表示日期或时间，也可以同时表示两者

8.canvas------表示图形，这个元素本身没有行为，仅提供一块画布，但它把一个绘图API展现给客户端JavaScript，以使脚本能够把想绘制的东西回执到这块画布上。

9.output------表示不同类型的输出，比如脚本的输出

10.source------为媒介元素

11.menu------表示菜单列表。当希望列出表单控件时使用的该标签

12.ruby------表示ruby注释（中文注音或字符）

13.rt------表示字符的解释或发音

14.rp------在ruby注释中使用，以定义不支持ruby元素的浏览器所显示的内容

15.wbr------表示软换行。与br的区别在于br表示此处必须换行，而wbr意思是浏览器窗口或父级元素的宽度足够宽时，不进行换行，宽度不够时，主动在此处进行换行。

16.command------表示命令按钮，如单选按钮，复选按钮或按钮框。

17.details------表示用户要求得到并且可以得到的细节信息，可以与summary元素配合使用，summary元素提供标题或图例，标题是可见的，用户单机标题时，会显示细节信息。summary应该是details元素的第一个子元素

18.datalist------表示可选数据的列表，与input元素配合使用，可以制作出输入值的下拉列表。

19.datagrid------表示可选数据的列表，它以树形列表形式来显示

20.keygen------表示生成密钥

21.progress------表示运行中的进程，可以使用progress元素来显示JavaScript中耗费时间函数的进程

22.email------表示必须输入email地址的文本输入框

23.url------表示必须输入url地址的文本输入框

24.number------表示必须输入数值地址的文本输入框

25.range------表示必须输入一定范围内数字值址的文本输入框

26.Date Pickers------HTML5拥有多个可供选取日期和时间的新型输入文本框

这个就不说了。

---