一、HTML5

语义化标签

<!-- 头部标签 -->
<header/>
<!-- 导航标签 在H4中导航栏常用 ul li -->
<nav/>
<!-- 块级标签 -->
<section/>
<!-- 内容标签 -->
<article/>
<!-- 侧边栏标签 -->
<aside/>
<!-- 尾部标签 -->
<footer/>

音视频标签

<!-- 视频标签 -->
<video></video>
<!-- 音频标签 -->
<audio></audio>

本地缓存

1. localStorage与sessionStorage不同之处

   • 数据储存的有效作用期不同
     • localStorage:它是始终有效的,既使关闭浏览器,它依然有效存在浏览器中。
     • sessionStorage:仅在当前浏览器关闭之前有效。
   • 二者作用域不同
     • localStorage:在所有的窗口都是共享的。
     • sessionStorage:不能在浏览器窗口*享,即使是在同一个页面。

2. localStorage的API

   // 设置本地储存,要求键和值都必须是字符串类型，所以存储前先将对象转换为字符串类型
   localStorage.setItem('name','countent');
   // 读取本地缓存
   localStorage.getItem('name);
   

3. Cookie

   • cookie,是网站为了标识用户的身份而临时存在用户本地终端上的数据,通常是经过加密处理的。