1： HTML5是什么？有哪些新特性围小？有哪些新增標(biāo)簽？如何讓低版本的 IE 支持 HTML5新標(biāo)簽
- 是什么
HTML5 是對(duì) HTML 標(biāo)準(zhǔn)的第五次修訂恳不。其主要的目標(biāo)是將互聯(lián)網(wǎng)語(yǔ)義化悍抑，以便更好地被人類和機(jī)器閱讀鳄炉，并同時(shí)提供更好地支持各種媒體的嵌入。 - 新特性
1.語(yǔ)義特性：HTML5增加了許多新標(biāo)簽传趾，可以賦予網(wǎng)頁(yè)更好的意義和價(jià)值迎膜。使文檔語(yǔ)義化。
2.本地存儲(chǔ)特性：基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間浆兰，更快的聯(lián)網(wǎng)速度磕仅，這些全得益于HTML5 APP Cache，以及本地存儲(chǔ)功能簸呈。
3.設(shè)備兼容特性：HTML5提供了更多的數(shù)據(jù)和應(yīng)用接口榕订，使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連。例如視頻影音可直接與攝像頭相聯(lián)蜕便。
4.連接特性： HTML5有更有效的連接工作效率劫恒，使得基于頁(yè)面的實(shí)時(shí)聊天技術(shù)、更快速的網(wǎng)頁(yè)游戲體驗(yàn)轿腺，更優(yōu)化的在線交流得到實(shí)現(xiàn)两嘴。
5.網(wǎng)頁(yè)多媒體特性：HTML5支持了網(wǎng)頁(yè)端的Audio、Video等多媒體功能族壳。同時(shí)也提供了基于SVG,Cancas,WebGL及CSS3的3D功能憔辫。
6.性能與集成特性：HTML5通過(guò)XMLHttpRequest2等技術(shù)，更好的解決了跨域等問(wèn)題仿荆。
7.CSS3特性：CSS3提供了更多的風(fēng)格和更強(qiáng)的效果贰您。 - 新增標(biāo)簽
header, hgroup, nav, section, article, details, figure, figcaption, aside, time, mark, audio, video, source, track, bdi, canvas, command, datalist, summary, embed, keygen, meter, output, progress, rp, rt, ruby - 如何讓低版本的 IE 支持 HTML5新標(biāo)簽
<!--[if lt IE 9]>
<script type="text/javascript" src="scripts/html5shiv.js"></script>
<![endif]-->
//如果版本小于IE9就引入html5shiv.js，IE9以前的瀏覽器就能使用h5標(biāo)簽拢操，
并使用定義好的樣式了锦亦。這個(gè)標(biāo)簽必須放在head標(biāo)簽內(nèi)，因?yàn)闉g覽器要在解析之前知道這個(gè)元素令境。
//也可以直接聲明
<!--[if lt IE 9]>
(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])}})()
<![endif]-->
2： input 有哪些新增類型杠园？
1.email類型（不是一個(gè)有效的email地址，不允許提交該表單）
<input type=”email”/>
2.url類型（輸入正確的url）
<inputy type=”url”/>
3.date輸入類型（彈出一個(gè)日歷小掛件）
<input type=”date”/>
4.time輸入類型（允許輸入一個(gè)24小時(shí)格式的時(shí)間并驗(yàn)證）
<input type=”time”/>
5.datetime類型
<input type=”datetime”/>
6.month輸入類型（允許輸入和驗(yàn)證一個(gè)月份）
<input type=”month”/>
7.week輸入類型（允許輸入和驗(yàn)證一個(gè)周數(shù)）
<input type=”week”/>
8.number輸入類型
<input type=”number”/>
9.range輸入類型（顯示一個(gè)滑塊條）
<input type=”range”/>
10.search輸入類型
<input type=”search”/>
11.tel輸入類型（定義輸入電話號(hào)碼字段）
<input type=”tel”/>
12.color輸入類型(允許用戶通過(guò)選取器輸入一個(gè)顏色值）
<input type=”color”/>
3： 瀏覽器本地存儲(chǔ)中 cookie 和 localStorage 有什么區(qū)別舔庶？ localStorage 如何存儲(chǔ)刪除數(shù)據(jù)返劲。
- Cookie
Cookie 是小甜餅的意思。顧名思義栖茉，cookie 確實(shí)非常小篮绿，它的大小限制為4KB左右，是網(wǎng)景公司的前雇員 Lou Montulli 在1993年3月的發(fā)明吕漂。它的主要用途有保存登錄信息亲配，比如你登錄某個(gè)網(wǎng)站市場(chǎng)可以看到“記住密碼”，這通常就是通過(guò)在 Cookie 中存入一段辨別用戶身份的數(shù)據(jù)來(lái)實(shí)現(xiàn)的。 - localStorage
localStorage 是 HTML5 標(biāo)準(zhǔn)中新加入的技術(shù)吼虎，它并不是什么劃時(shí)代的新東西犬钢。早在 IE 6 時(shí)代，就有一個(gè)叫 userData 的東西用于本地存儲(chǔ)思灰。localStorage是windows的一個(gè)對(duì)象玷犹。 - 異同
共同點(diǎn)：都是保存在瀏覽器端，且同源的
不同點(diǎn)：
1.cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶（即使不需要）洒疚，即cookie在瀏覽器和服務(wù)器間來(lái)回傳遞歹颓；cookie數(shù)據(jù)還有路徑（path）的概念，可以限制cookie只屬于某個(gè)路徑下油湖。存儲(chǔ)大小限制也不同巍扛，cookie數(shù)據(jù)不能超過(guò)4k，同時(shí)因?yàn)槊看蝖ttp請(qǐng)求都會(huì)攜帶cookie乏德，所以cookie只適合保存很小的數(shù)據(jù)撤奸，如會(huì)話標(biāo)識(shí)。
localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器喊括，僅在本地保存胧瓜。雖然也有存儲(chǔ)大小的限制，但比cookie大得多郑什，可以達(dá)到5M或更大府喳。
2.localStorage：始終有效，窗口或?yàn)g覽器關(guān)閉也一直保存蹦误，因此用作持久數(shù)據(jù)，除非主動(dòng)刪除數(shù)據(jù)肉津，否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的强胰。；
cookie只在設(shè)置的cookie過(guò)期時(shí)間之前一直有效妹沙，即使窗口或?yàn)g覽器關(guān)閉偶洋。
3.Cookie有個(gè)數(shù)限制（各瀏覽器不同）；LocalStorage總體數(shù)量無(wú)限制 - 清除數(shù)據(jù)分為一次性清除和個(gè)別清除距糖。
一次性清除：使用localStorage.clear()玄窝，使用clear()方法會(huì)所有保存數(shù)據(jù)都清除掉，因此此操作是危險(xiǎn)性的悍引，除非你真想這么做恩脂。
個(gè)別清除 ：使用storage.removeItem(keyName),如何個(gè)別清除？這個(gè)要看你如何去遍歷數(shù)據(jù)趣斤、設(shè)定條件俩块，然后執(zhí)行此操作。
