HTML5 新增

一. H5 新增

1.语义化标签

作用:

提高代码可读性，便于维护；

有利于网络爬虫检索，提高网站排名。

H1 标签爬虫也会爬

1.1.那些标签？

header、nav、article、section、aside、footer

1.2.meta 标签属性

网站描述 decsription：

网站关键字 keywords：

单标签、写在 head 标签中

1.3.多媒体标签

音频 audio：

视频 video：

controls 显示控件

2.缓存机制

2.1.本地缓存

2.1.1 永久性缓存 localStorage

永久、无过期时间、需手动删除、可夸页面访问、能存储 5M、数据格式是字符""。

【方法】

创建缓存：localStorage.setItem("name","xxx)
删除缓存：localStorage.removeItem("name")
获取缓存：localStorage.getItem("name")
跨页面访问：localStorage.getItem("name")

2.1.2.会话性缓存 sessionStorage

当页面关闭失效、不可夸页面访问、能存储 5m、数据格式是字符""。方法同理，但是不能跨页面。

2.1.3 浏览器缓存 cookie

服务器存储、能存储 4K、手动设置有效期、可跨页面访问。