首页 > 代码库 > HTML5 新特性

HTML5 新特性

语义元素

<section></section> 包含了一组内容及其标题。

<article></article> 定义独立的内容

<nav></nav> 定义导航链接部分区域

<aside></aside>标签定义页面主区域内容之外的内容,与主区域的内容相关;侧边栏

<header></header>

<footer></footer>

<figure>img<figcaption></figcaption></figure>     figcaption定义figure的标题

web存储:

localStorage 对象存储的数据没有时间限制 localStorage.lastname="Smith";localStorage.lastname;

sessionStorage 方法针对一个session进行数据存储,当用户关闭浏览器窗口时,数据会被删除。

 

sessionStorage.begin();//确保在这段代码执行的时候不会发生其他磁盘写入操作

//使用sessionStorage方法存储数据
sessionStorage.setItem(‘name‘,‘Nicholas‘);
//使用属性存储数据
sessionStorage.book = ‘Profession JavaScript‘;

sessionStorage.commit();   在所有设置完成后调用commit()方法

getItem()或者通过直接访问属性名来获取数据。

//使用方法读取数据
var name = sessionStorage.getItem(‘name‘);
//使用属性读取数据
var book = sessionStorage.book;

删除数据可以使用delete操作符删除对象属性,也可以调用removeItem()方法

delete sessionStorage.name; sessionStorge.removeItem(‘book‘)

cache缓存:<html manifest="demo.appcache">

 

HTML5 新特性