HTML5新特性

标签：概念   监听   get   user   graphic   关闭   gif   服务器   适合   

1. 新的语义化标签

    <header>标签：包含引导和导航等，通常包含h1~h6、搜索框、logo等。
    <footer>标签：一般配合address标签(显示地址)，包含作者信息、相关链接等。
    <nav>标签：一般包含多个a标签，构建导航组件。
    <aside>标签：主要装载广告、侧边栏。
    <article>标签：包含文章，一般内嵌header、footer、h1、p标签。
    <section>标签：可以用在以上任一一个标签中划分组件。 
        总体来说，这些标签就是div标签的语义化转化，过去我们曾用div来包裹某个块或者说组件，现在h5使用这些标签实现语义化，有利于代码可读性和SEO。

2. 本地存储

h5提供了sessionStorage、localStorage和indexedDB加强本地存储。

localStorage和sessionStorage的区别：sessionStorage基于会话，关闭浏览器之后存储消失。localStorage在各浏览器中上限不同，最低的是2.6MB, 所以开发上限为2.6MB, 当然这比cookie强太多，如果还是不够的话只能借助indexedDB, indexedDB上限是250MB。

共同点：sessionStorage、localStorage和cookie都由浏览器存储在本地的数据。

var userData = {
        name : ‘Lucy‘,
        age: 18
    }
    localStorage.setItem(‘userDate‘, JSON.stringify(userData));
    var newUserData = JSON.parse(localStorage.getItem(‘userData‘)); 

<input type="text" autofocus />

HTML5新特性

标签：概念   监听   get   user   graphic   关闭   gif   服务器   适合   

原文地址：https://www.cnblogs.com/Amy-world/p/9704159.html