HTML5是什么？有哪些新特性？有哪些新增標簽？如何讓低版本的 IE 支持 HTML5新標簽
HTML5是HTML的第五次重大修改，設計目的是為了在移動設備上支持更多媒體。
新特性：
- 語義特性
- 本地存儲特性（localStorage Indexed DB）
- 設備兼容特性 （Geolocation功能）
- 連接特性（實時特性，webSockets）
- 網頁多媒體特性（Audio Vedio Canvas SVG）
- 性能與集成特性（XMLHttpRequest2等技術）
- CSS3特性
新增標簽：<header> <article> <nav> <footer> <section> <aside> <dialog> <audio> <vedio>
讓低版本的 IE 支持 HTML5新標簽:
- 這段代碼僅會在IE瀏覽器下運行，還有一點需要注意，在頁面中調用html5.js文件必須添加在頁面的head元素內，因為IE瀏覽器必須在元素解析前知道這個元素，所以這個js文件不能在頁面底部調用.
<!--[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> <![endif]-->
- 在hmtl 加入（推薦）
除了在網頁中調用包含以上代碼的js文件來讓IE瀏覽器支持HTML5元素以外，你也可以以下面這種方式把代碼直接添加到網頁中。
<!--[if lt IE 9]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})()
</script>
<![endif]-->
input有那些新增類型？
input屬性多數只針對手機端有特殊效果，并且多數有兼容問題，在使用之前請在Can I Use查明兼容性
- email：輸入郵箱規范地址
- url：只針對蘋果手機，輸入的鏈接要滿足鏈接的規范
- tel
- number：只能輸入能參與運算的數字，PC端和手機端都有用
-
Date Pickers Input類型：iphone手機和PC端有效
datepickers -
其他類型
其他類型
瀏覽器本地存儲中 cookie 和 localStorage 有什么區別？ localStorage 如何存儲刪除數據。
| 特性 | Cookie | localStorage |
|---|---|---|
| 數據的生命期 | 可設置失效時間，默認是關閉瀏覽器后失效 | 除非被清除，否則永久保存 |
| 存放數據大小 | 4K左右 | 一般為5MB |
| 與服務器端通信 | 每次都會攜帶在HTTP頭中，如果使用cookie保存過多數據會帶來性能問題 | 僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信 |
| 易用性 | 需要程序員自己封裝，源生的Cookie接口不友好 | 源生接口可以接受，亦可再次封裝來對Object和Array有更好的支持 |
localStorage.setItem()：接受一個鍵值對作為參數，將會把鍵名添加到存儲中，如果鍵名以存在，則更新其對應的值。
localStorage.removeItem()：接受一個鍵名作為參數，會把該鍵名從存儲中移除。
localStorage.clear()：不接受參數，只是簡單地清空域名對應的整個存儲對象。
