HTML5是什么恼琼？有哪些新特性绑谣？有哪些新增標(biāo)簽？如何讓低版本的 IE 支持 HTML5新標(biāo)簽
- HTML5是超文本標(biāo)記語(yǔ)言的第五次重大修改
-
新特性
- 語(yǔ)義特性
- 本地存儲(chǔ)特性
- 設(shè)備兼容特性
- 連接特性
- 網(wǎng)頁(yè)多媒體特性
- 性能與集成特性
- CSS3特性
新增標(biāo)簽：
section,video,progress,nav,meter,time,aside,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,mark,output,rp,rt,ruby,source,summary,wbrHTML5標(biāo)簽兼容
使用HTML5 shiv
<head>
<!--[if lt IE 9]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js">
</script>
<![endif]-->
</head>
input 有哪些新增類型唆鸡？
- email類型：email類型的input元素是一種專門(mén)用于輸入E-mail地址的文本輸入框把敢，在提交表單的時(shí)候，會(huì)自動(dòng)驗(yàn)證email輸入框的值
- url類型：url類型的input元素提供用于輸入url地址這類特殊文本的文本框
- number類型：number類型的input元素提供用于輸入數(shù)值的文本框
- range類型：range類型的input元素提供用于輸入包含一定范圍內(nèi)數(shù)字值得文本框蜈亩，在網(wǎng)頁(yè)中顯示為滾動(dòng)條
- Date Picker類型：日期檢出類型的應(yīng)用
- search類型：search類型的input元素提供用于輸入搜索關(guān)鍵詞的文本框
- tel類型：tel類型的input元素提供專門(mén)用于輸入電話號(hào)碼的文本框
- color類型：color類型的input元素提供專門(mén)用于設(shè)置顏色的文本框
瀏覽器本地存儲(chǔ)中 cookie 和 localStorage 有什么區(qū)別懦窘？ localStorage 如何存儲(chǔ)刪除數(shù)據(jù)？
cookie
cookie的內(nèi)容主要包括：名字稚配，值畅涂，過(guò)期時(shí)間，路徑和域道川。路徑與域一起構(gòu)成cookie的作用范圍午衰。若不設(shè)置過(guò)期時(shí)間，則表示這個(gè)cookie的生命期為瀏覽器會(huì)話期間冒萄，關(guān)閉瀏覽器窗口臊岸，cookie就消失。這種生命期為瀏覽器會(huì)話期的cookie被稱為會(huì)話cookie尊流。會(huì)話cookie一般不存儲(chǔ)在硬盤(pán)上而是保存在內(nèi)存里帅戒，當(dāng)然這種行為并不是規(guī)范規(guī)定的。若設(shè)置了過(guò)期時(shí)間崖技，瀏覽器就會(huì)把cookie保存到硬盤(pán)上逻住，關(guān)閉后再次打開(kāi)瀏覽器钟哥，這些cookie仍然有效直到超過(guò)設(shè)定的過(guò)期時(shí)間。存儲(chǔ)在硬盤(pán)上的cookie可以在不同的瀏覽器進(jìn)程間共享瞎访，比如兩個(gè)IE窗口腻贰。而對(duì)于保存在內(nèi)存里的cookie，不同的瀏覽器有不同的處理方式扒秸。-
cookie的特點(diǎn)：
- cookie的大小受限制播演，cookie大小被限制在4KB，不能接受像大文件或郵件那樣的大數(shù)據(jù)伴奥。
- 只要有請(qǐng)求涉及cookie写烤，cookie就要在服務(wù)器和瀏覽器之間來(lái)回傳送（這解釋為什么本地文件不能測(cè)試cookie）。而且cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶（即使不需要）渔伯，這也是Cookie不能太大的重要原因。正統(tǒng)的cookie分發(fā)是通過(guò)擴(kuò)展HTTP協(xié)議來(lái)實(shí)現(xiàn)的肄程，服務(wù)器通過(guò)在HTTP的響應(yīng)頭中加上一行特殊的指示以提示瀏覽器按照指示生成相應(yīng)的cookie锣吼。
用戶每請(qǐng)求一次服務(wù)器數(shù)據(jù)，cookie則會(huì)隨著這些請(qǐng)求發(fā)送到服務(wù)器蓝厌，服務(wù)器腳本語(yǔ)言如PHP等能夠處理cookie發(fā)送的數(shù)據(jù)玄叠，可以說(shuō)是非常方便的。當(dāng)然前端也是可以生成Cookie的拓提，用js對(duì)cookie的操作相當(dāng)?shù)姆爆嵍潦眩瑸g覽器只提供
document.cookie這樣一個(gè)對(duì)象，對(duì)cookie的賦值代态，獲取都比較麻煩寺惫。而在PHP中，我們可以通過(guò)setcookie()來(lái)設(shè)置cookie蹦疑，通過(guò)$_COOKIE這個(gè)超全局?jǐn)?shù)組來(lái)獲取cookie西雀。localStorage
這是一種持久化的存儲(chǔ)方式，也就是說(shuō)如果不手動(dòng)清除歉摧，數(shù)據(jù)就永遠(yuǎn)不會(huì)過(guò)期艇肴。
它也是采用Key - Value的方式存儲(chǔ)數(shù)據(jù)，底層數(shù)據(jù)接口是sqlite叁温，按域名將數(shù)據(jù)分別保存到對(duì)應(yīng)數(shù)據(jù)庫(kù)文件里再悼。它能保存更大的數(shù)據(jù)（IE8上是10MB，Chrome是5MB）膝但，同時(shí)保存的數(shù)據(jù)不會(huì)再發(fā)送給服務(wù)器冲九，避免帶寬浪費(fèi)。-
localStorage的缺點(diǎn)
- localStorage大小限制在500萬(wàn)字符左右跟束，各個(gè)瀏覽器不一致
- localStorage在隱私模式下不可讀取
- localStorage本質(zhì)是在讀寫(xiě)文件娘侍，數(shù)據(jù)多的話會(huì)比較卡
- localStorage不能被爬蟲(chóng)爬取咖刃，不要用它完全取代URL傳參
- localStorage.removeItem(key)：清除鍵值為key的數(shù)據(jù)
- localStorage.clear()：清除所有數(shù)據(jù)
寫(xiě)出如下 CSS3效果的簡(jiǎn)單事例
- 圓角， 圓形
- div 陰影
- 2D 轉(zhuǎn)換：放大憾筏、縮小嚎杨、偏移、旋轉(zhuǎn)
- 3D 轉(zhuǎn)換：移動(dòng)氧腰、旋轉(zhuǎn)
- 背景色漸變
- 過(guò)渡效果
- 動(dòng)畫(huà)
