HTML5相关面试题:1.H5新特性；2. HTML5 新标签的浏览器兼容问题；3.H5 的离线存储；4.H5缓存和常规缓存有什么差别；5:H5缓存优势；6.Web Worker 和Web作用

文章目录

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 的连接是持久的 它在客户端和服务器之间保持双工连接，服务器的更新可以及时推送到客户端，而不需要客户端以一定的时间间隔去轮询