1： HTML5是什么？有哪些新特性？有哪些新增標(biāo)簽？如何讓低版本的 IE 支持 HTML5新標(biāo)簽
HTML5 是 HTML 的第五次重大修改，設(shè)計目的是為了在移動設(shè)備上支持多媒體。
新特性：
- 語義特性
- 本地存儲特性（localStorage Indexed DB）
- 設(shè)備兼容特性（Geolocation功能）
- 連接特性（實(shí)時特性，webSockets）
- 網(wǎng)頁多媒體特性（Audio Vedio Canvas SVG）
- 性能與集成特性（XMLHttpRequest2等技術(shù)）
- CSS3特性
新增標(biāo)簽：header nav footer article section aside dialog audio vedio
讓低版本的 IE 支持 HTML5新標(biāo)簽
方法一：
引入html5.js
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->
上面這段代碼僅會在IE瀏覽器下運(yùn)行，還有一點(diǎn)需要注意，在頁面中調(diào)用html5.js文件必須添加在頁面的head元素內(nèi)，因?yàn)镮E瀏覽器必須在元素解析前知道這個元素，所以這個js文件不能在頁面底部調(diào)用.
方法二：
在hmtl 加入（推薦）
除了在網(wǎng)頁中調(diào)用包含以上代碼的js文件來讓IE瀏覽器支持HTML5元素以外，你也可以以下面這種方式把代碼直接添加到網(wǎng)頁中。
<!--[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]-->
題目2： input 有哪些新增類型？
input 標(biāo)簽的新類型：
<h3>email url number range datepicker</h3>
email 輸入的郵箱要滿足郵箱地址的規(guī)范 @...
url 輸入的連接要滿足連接的規(guī)范 http://...
number 輸入的是數(shù)字才有效，輸入其他無效
range 變成一個百分比條
datepicker 直接生成了一個日歷
題目3： 瀏覽器本地存儲中 cookie 和 localStorage 有什么區(qū)別？ localStorage 如何存儲刪除數(shù)據(jù)。
cookie是網(wǎng)站為了標(biāo)示用戶身份而儲存在用戶本地終端（Client Side）上的數(shù)據(jù)（通常經(jīng)過加密）。cookie數(shù)據(jù)始終在同源的http請求中攜帶（即使不需要），記會在瀏覽器和服務(wù)器間來回傳遞。localStorage不會自動把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。
存儲大?。?br>
cookie數(shù)據(jù)大小不能超過4k。
localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達(dá)到5M或更大(跟瀏覽器相關(guān))。
有效時間：
cookie 設(shè)置的cookie在過期時間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉。
localStorage 存儲持久數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動刪除數(shù)據(jù)。
瀏覽器支持：
瀏覽器都支持cookie
IE9以上才支持localStorage
localStorage 如何存儲刪除數(shù)據(jù)：
存儲：localStorage.setItem("key", "value")
刪除：localStorage.removeItem("key")
讀取：localStorage.getItem("key")
清除：localStorage.clear()
