文章目录
HTML5有哪些新特性?移除了哪些元素?
如何处理 HTML5 新标签的浏览器兼容问题？
HTML5 的离线存储有哪些？
HTML5 应用缓存和常规 HTML浏览器缓存有什么差别
H5应用程序缓存为应用带来什么优势
请你说一下 Web Worker 和WebSocket 的作用
HTML5有哪些新特性?移除了哪些元素?
HTML5的新特性如下。
●拖放(Drag and drop) API.
●语义化更好的内容标签( header、nav、footer、 aside、 article、 section )。
●音频、 视频(audio、video) API。
●画布( Canvas) API。
●地理( Geolocation) API。
●本地离线存储( localStorage)，即长期存储数据，浏览器关闭后数据不丢失。
●会话 存储( sessionStorage)，即数据在浏览器关闭后自动删除。
●表单控件包括calendar、date、 time、 email、 url、 search
●新的技术包括webworker、websocket、 Geolocation。
移除的元素如下。
●纯表现的元素，包括basefont、big、 center、 font、 s、strike、 tt、 u。
●对可用性产生 负面影响的元素，包括frame、frameset、 Noframes.
如何处理 HTML5 新标签的浏览器兼容问题？
IE8、IE7、IE6支持用document.createElement产生标签，可以利用这一特性让这些浏览器支持HTML5新标签。浏览器支持新标签后，还需要添加标签默认的样式(最好的方式是直接使用成熟的框架，使用最多的是html5shim框架)，可以用IE hack引入该框架。
<1 - - [if lt IE 9]>
<script> src=” http : //htmlSshim.googlecode com/svn/trunk/htrnlS js ” </script>
<' [endif] - >
1
2
3
HTML5 的离线存储有哪些？
localStorage:可长期存储数据 即浏览器关闭后数据不丢失
sessionStorage:数据在浏览器关闭后自动删除
HTML5 应用缓存和常规 HTML浏览器缓存有什么差别
HTMLS 应用缓存 的就是支持离 应用，可获取少数或者全部网站内包括 HTML, CSS 、图像和 JavaScript 脚本并存在本地 该特性提升了网站的性能
与传统的浏览器缓存比较，该特性并不强制要求用户访问网站
H5应用程序缓存为应用带来什么优势
( 1 ）离线浏览，让用户可在应用离线时（网络不可用时）使用它们
( 2 ）速度，让己缓存资源力口载得更快
( 3 ）减少服务器负载，让浏览器将只下载服务器更新过的资源
请你说一下 Web Worker 和WebSocket 的作用
Web Worker 的作用如下
( 1 ）通过 worker = new Worker( url ）加载 JavaScript 文件 创建 Worker,同时返回一个 Worker 实例
( ）用 worker.postMessage( data ）向 Worker 发送数据
( 3 ）绑定 worker.onmessage 接收 Worker 发送过来的数据
( 4 ）可以使用 worker. terminate （）终止一个 Worker 的执行
WebSocket 的作用如下
它是 Web 应用程序的传输协议，提供了双向的、按序到达的数据流。它是 HTML5新增的协议,Web Socket 的连接是持久的 它在客户端和服务器之间保持双工连接，服务器的更新可以及时推送到客户端，而不需要客户端以一定的时间间隔去轮询
