HTML 进阶

工作了这么，做了那么多大大小小的项目，用了各种框架。但总是在遇到问题时并不能很快的定位问题，而最后解决完，才发现这么简单，而自己就是基础不牢靠，导致花费了这么长时间。特此，决定从头开始，重新出发，以此系列来记录自己回顾的知识点。Let's go！！！

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

• HTML5 现在已经不是 SGML 的⼦集，主要是关于图像，位置，存储，多任务等功能的增加

• 绘画 canvas

• ⽤于媒介回放的 video 和 audio 元素

• sessionStorage 的数据在浏览器关闭后⾃动删除

• 新的技术 webworker 、websocket 、Geolocation

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

• 本地离线存储 localStorage ⻓期存储数据，浏览器关闭后数据不丢失

• 语意化更好的内容元素，⽐如 article 、 footer、header、 nav 、section

canvas YYDS,socket 在我的开发中可谓是相当频繁啊，最近开发的移动授课，可是被这个 socket 磨平了棱角。

• 移除的元素：

• 对可⽤性产⽣负⾯影响的元素： frame 、 frameset 、 noframes

• 纯表现的元素： basefont 、 big 、 center 、 font 、s、 strike、 tt 、 u

说实话移除这些我都没用过，不知道你用过吗，只能说非常的冷门

• ⽀持 HTML5 新标签：

• 浏览器⽀持新标签后，还需要添加标签默认的样式

• 可以利⽤这⼀特性让这些浏览器⽀持 HTML5 新标签

• IE8/IE7/IE6 ⽀持通过 document.createElement ⽅法产⽣的标签

• 当然也可以直接使⽤成熟的框架、⽐如 html5shim

新特性搞起来，冲冲冲

cookies ， sessionStorage 和 localStorage

• sessionStorage 和 localStorage 不会⾃动把数据发给服务器，仅在本地保存，传递时需要手动取传

• cookie 数据始终在同源的 http 请求中自动携带（即使不需要），会在浏览器和服务器间来回传递

• cookie 是⽹站为了标示⽤户身份⽽储存在⽤户本地终端（Client Side）上的数据（通常经过加密）

• 存储⼤⼩：

• cookie 数据⼤⼩不能超过 4k

• sessionStorage 和 localStorage 虽然也有存储⼤⼩的限制，但⽐ cookie ⼤得多，可以达到 5M 或更⼤

• 有期时间：

• sessionStorage 数据在当前浏览器窗⼝关闭后⾃动删除

• cookie 设置的 cookie 过期时间之前⼀直有效，即使窗⼝或浏览器关闭

• localStorage 存储持久数据，浏览器关闭后数据不丢失除⾮主动删除数据

cookie 作为 老一辈自然有它的不一样的地方，但随着时代的发展，我只能说，大人时代变了，sessionStorage，localStorage 搞起来，你会爱上他们的。

END