HTML 5 基础教程

HTML是超文本标记语言,是一种专门用来制作网页的语言,而HTML5就是它的第五个版本,2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成,该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能,同时也给我们开发者带来了更多的开发选择,学习它是每个前端开发者必修的课程。

W3CAPI
1
2020-06-15 06:59:35
文档目录
我的书签
 

HTML5 数据存储简介

什么是 HTML5 Web 数据存储?

概念:使用HTML5可以在本地存储任何数据,HTML5 web 存储,提供了比cookie更好的本地存储方式。
特性:
  • 数据以 键/值 对存在, Web网页中存储的数据只允许该网页所属的域名访问使用。
  • HTML5 提供了两种在客户端存储数据的新方法:
    • localStorage - 没有时间限制的数据存储,用于长久保存整个网站的数据,保存的数据没有过期时间,除非手动删除
    • sessionStorage - 针对一个 session 的数据存储,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后系统将会自动删除这些数据
  • 对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身存储的数据
  • HTML5 使用 JavaScript 来存储和访问数据
  • 提供可存储大量数据而不影响网站性能的功能

为什么需要数据存储?

HTML5 出现之前,我们要想在本地存储数据使用的是 cookie。但是Web 存储需要更加的安全与快速(存储的数据不会被保存在服务器上,但是这些数据只用于用户在该网站使用; cookie 也不适合大量数据的存储,因为它存储的数据附加在每个对服务器的请求中来传递,这使得 cookie 速度很慢而且效率也不高),如何可以存储大量的数据,而不影响网站的性能是我们一直想要的功能,HTML5 给我们提供了这样的功能。
友情提示