站在月亮上Da ...
HTML5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
HTML5有哪些新特性?
1). 语义化标签 列 : <hrader></header> <footer></footer> <nav></nav> ....
2). (增强型表单) 新增的表单元素 列 : color , date , datetime , email , number .... <datalist> , <keygen> , <output>
3) . 地理定位 ( HTML5 Geolocation(地理定位)用于定位用户的位置 )
4) . 视频和音频 html5提供了播放音频文件的标准 即 : <audio> 元素
5). 拖放 API
6) . 用于绘画 ''Canvas绘图''
7) . SVG绘图 ( SVG指可伸缩矢量图形 )
8) . Web Worker
9) . Web Storage
10) . WebSocket
如何处理HTML5新标签的浏览器兼容问题?
1) . 实现标签被识别
通过document.createElement(tagName)来生产标签 即可让浏览器识别新标签,
2) . JavaScript解决方案
a) . 使用html5shim:
在<head>中调用以下代码:
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->
b) . 使用kill IE6
在</body>之前调用以下代码:
<!--if lte IE 6]>
<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<![endif]-->
如何区分HTML和HTML5?
首先 HTML 和 HTML5 在文档声明上 HTML5 更加 简洁,容易记忆 HTML 反之
然后在语义结构上 HTML5 加入,体现了 语义化标签 ( 所谓语义化标签 无非就是 见名之意 ) HTML 没有
css3中的transform有哪些属性?分别用来实现什么效果?
旋转 rotate - 移动 translate - 缩放 scale - 扭曲 skew - 矩阵 matrix - 改变元素基点 transform-origin
localStorage、sessionStorage、cookie有什么区别?
1、概述
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之 间保存数据。
sessionStorage、localStorage、cookie都是在浏览器端存储的数据。
2、共同点
都是保存在浏览器端,且同源的。
3、区别
传递方式:
cookie在浏览器和服务器间来回传递;
sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存;
4、 存储大小:
localStorage<=5M;
sessionStorage<=5M;
cookie<4K;(ie内核浏览器占主流地位,且ie6仍占有相当大的市场份额,所以在程序中应当使用少于20个cookie,且不大于4k)
(感兴趣的朋友可以试试 往里塞东西~)
5、有效性:
localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;
sessionStorage:仅在当前浏览器窗口关闭前有效,不能持久保持;
cookie:只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭也不会消失;
6、共享机制:
localStorage :在所有同源窗口中都是共享的;
sessionStorage:同时“独立”打开的不同窗口,即使是同一页面,sessionStorage对象也是不同的;
cookie:在所有同源窗口中都是共享的
7、 浏览器支持:
sessionStorage的浏览器最小版本:IE8、Chrome 5。
8、 使用场景
cookie:保存回话信息
localStorage:持久保存的数据
sessionStorage:拥有独立特性的数据
9、存储位置?
cookie : 设置时间 放在 硬盘 没有 放在 运行内存
localStorage:硬盘
sessionStorage:运行内存