HTML5的5种存储方式详解

离线缓存（application cache）HTML5引入了应用程序缓存器，可对web进行缓存，在没有网络形况下使用，通过创建cache manifest文件，创建应用缓存。

成都创新互联是一家专注于成都网站设计、成都网站建设、外贸网站建设与策划设计,丰满网站建设哪家好?成都创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:丰满等地区。丰满做网站价格咨询:13518219792

h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。

HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。

按F12打开控制台，找到sessionStorage，会发现其是用键值对的方式存储数据的。localStorage跟sessionStorage类似，只是localStorage只要不删除就会永久存储在电脑上，而sessionStorage只要关闭了页面就没有了，这里小编就不再演示了。

现在，HTML5 提供了一种标准的接口，使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上，在页面加载完毕后可以通过 JavaScript 来操作这些数据。

允许在浏览器中存储key/value对的数据。数据对象临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后也将删除这些数据。

HTML5新技术给网站带来了哪些改变

1、HTML5可以增强用户体验，如果用户拥有更好的用户体验，那么就有可能提高转换率。在搜索引擎优化方面这是一个积极的信号。此外，HTML5使网站内容更符合搜索引擎的喜好。

2、便于网站优化推广 任何网站制作出来，都是给用户看的，不是给自己看的。不管是用什么设计出来的网页，都要满足能方便SEO，这是一个网站存在的价值。

3、第二，多设备跨平台。使用HTML5的主要优势是这种技术可以跨平台使用。

4、HTML5技术在移动 端，能够让应用程序回归到网页，并对网页的功能进行扩展，用户不需要下载客户端或插件就能够观看视频、玩游戏，操作更加简单，用户体验更好。

5、HTML5优缺点 1 HTML5是新的技术灵活方便，优秀的用户体验让我们欲罢不能，但是IE低版本的浏览要兼容它却要新加些代码才可以实现。

6、使网站的内容更加丰富，提高用户的良好体验 html5取代了大部分的多媒体框架，用户不必在担心将多媒体元素防止在页面中会导致网站加载速度过慢。

一个关于html5中canvans的问题,请教一下各位

script //判断浏览器是否支持HTML5 Canvas window.onload = function () { try { //动态创建一个canvas元 ，并获取他2Dcontext。

在leaflet地图中画自定义覆盖物，使用自己的图标，如果图标的宽高和Point(x， y)的大小不匹配，则会出现覆盖物漂移问题。这个时候，我们要设定正确的值，使Leaflet的Point(x， y)对象的中心点和覆盖物中心点对应。

视频流 HTML5 的 The Media Capture（媒体捕捉） API 提供了对摄像头的可编程访问，用户可以直接用 getUserMedia（请注意目前仅Chrome和Opera支持）获得摄像头提供的视频流。

网站栏目：html5监听是否保存 web3js监听事件
本文链接：http://csdahua.cn/article/dieoseo.html