html5有哪些新特性？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5

HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
(1)绘画 canvas;
　　(2)用于媒介回放的 video 和 audio 元素;
　　(3)本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;
　　(4)sessionStorage 的数据在浏览器关闭后自动删除;
　　(5)语意化更好的内容元素，比如 article、footer、header、nav、section;
　　(6)表单控件，calendar、date、time、email、url、search;
　　地图和拖放
(7)新的技术webworker, websocket, Geolocation;
处理兼容
IE8/IE7/IE6支持通过document.createElement方法产生的标签，
可以利用这一特性让这些浏览器支持HTML5新标签，
　　浏览器支持新标签后，还需要添加标签默认的样式。
当然也可以直接使用成熟的框架、比如html5shim，

 <!--[if lt IE 9]>

       <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
       <![endif]-->

新增的语义化标签有哪些

• header 页面的头部（页面的顶部，logo部分）
• footer 页面的底部 （页面的底部，版权信息，联系方式）
• main 页面的主体部分（ie不兼容 不建议使用）
• nav 页面的导航（顶部导航，侧导航）
• article 整篇文章 （博客，新闻）
• section 整篇文章里一部分（分节）
• aside 侧边栏 （爬楼导航，在一侧的部分）
• hgroup 标题组 （把标题h标签放在标题组里）
• figure 页面的独立的一块区域（删掉也不会对页面造成影响）
• figcaption 独立区域的标题部分 （配合figure使用）

新增表单内容

1、新增的type类型（元素）

• type=“color” 打开的颜色控件
• type=“url” 输入网址，内置了完整的验证
• type=“email” 输入邮箱地址，内置了完整的验证
• type=“search” 搜索，输入文本 （有清空内容的按钮）
• type=“tel” 手机号 （在移动端掉起数字键盘）
• type=“number” 只能输入数字
• type=“range” 出现滑块，默认数字范围 0-100
• type=“date” 显示日期 （年-月-日）
• type=“datetime” 用于输入日期（没有日历控件）
• tyep=“datetime-local” 本地时间（年-月-日 小时-分钟）
• type=“month” 显示月份（年-月）
• type=“time” 显示时间 （时-分）
• type=“week” 显示的周的数字（年-周）