1、 HTML5是什么？有哪些新特性？有哪些新增標(biāo)簽？如何讓低版本的 IE 支持 HTML5新標(biāo)簽？
html5新增的那些
HTML5是超文本標(biāo)記語(yǔ)言的第五次重大修改，2014年10月29日標(biāo)準(zhǔn)規(guī)范制定完成。設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。新的語(yǔ)法特征被引進(jìn)以支持這一點(diǎn)，如video、audio和canvas標(biāo)記。HTML5還引進(jìn)了新的功能，可以真正改變用戶與文檔的交互方式
新特性：
- <!DOCTYPE html>
- <meta charset="UTF-8" />
- 在XHTML中每個(gè)標(biāo)簽都必需結(jié)束，在HTML5中對(duì)于一些標(biāo)簽不再是必要的，自結(jié)束的標(biāo)簽最后的
/也不再必要 -
對(duì)于具有boolean值的屬性，例如disable和readonly等只寫屬性不寫屬性值時(shí)值為true
三種形式都可以 - 屬性值可以用單引號(hào)或者雙引號(hào)，在屬性值不包括<、>、=、'、"時(shí)可以忽略引號(hào)（不建議省略）
- 新增了標(biāo)簽元素
新增標(biāo)簽：
header //定義了文檔的頭部區(qū)域
footer //定義 section 或 document 的頁(yè)腳
nav //導(dǎo)航
article //定義頁(yè)面正文內(nèi)容
section //定義文檔中的節(jié)（section、區(qū)段）
aside //定義頁(yè)面內(nèi)容之外的內(nèi)容
2、 input 有哪些新增類型？
常用
新增：
-
email
email正則 -
url
必須輸入http://格式
-
number
僅可以輸入數(shù)字，并且可以增加減小 -
range
可以調(diào)節(jié)音量 -
date
日歷
3、 瀏覽器本地存儲(chǔ)中 cookie 和 localStorage 有什么區(qū)別？
共同點(diǎn)：都是保存在瀏覽器端，且同源的。
區(qū)別
- cookie 數(shù)據(jù)始終在同源的http請(qǐng)求中儲(chǔ)存，它的大小限制為4KB左右，只在設(shè)置的cookie過(guò)期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉。
- localStorage本地離線存儲(chǔ)，它的大小限制一般為5MB，始終有效，窗口或?yàn)g覽器關(guān)閉也一直保存，持久化的本地存儲(chǔ)，除非主動(dòng)刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的。
- sessionStorage本地離線存儲(chǔ)，它的大小限制一般為5MB，僅當(dāng)前瀏覽器窗口關(guān)閉前有效，不是一種持久化的本地存儲(chǔ)，僅僅是會(huì)話級(jí)別的存儲(chǔ)。
localStorage 存儲(chǔ)，獲取，刪除數(shù)據(jù)
localStorage 如何存儲(chǔ)刪除數(shù)據(jù)
存儲(chǔ)
localStorage.setItem('name', 'robin')
獲取
localStorage.getItem('name')
刪除
localStorage.removeItem('name');
// 清空
localStorage.clear();
4、 寫出如下CSS3效果的簡(jiǎn)單事例預(yù)覽
- 圓角， 圓形
- div 陰影
- 2D 轉(zhuǎn)換：放大、縮小、偏移、旋轉(zhuǎn)
css3中的變形 transform詳解 參考資料
transform:translate(x,y) 位移
transform:rotate(x,y) 中心旋轉(zhuǎn)
transform:scale(x,y) 縮放
transform:skew(x,y) 自身偏移
transform:matrix(縮放scaleY，偏移skewY，偏移skewX，縮放scaleX，移動(dòng)translateX，移動(dòng)translateY)
-
3D 轉(zhuǎn)換：移動(dòng)、旋轉(zhuǎn)
xyz - 背景色漸變
- 過(guò)渡效果
- 動(dòng)畫
全屏圖加過(guò)渡色的效果預(yù)覽
loading動(dòng)畫效果預(yù)覽
用媒體查詢實(shí)現(xiàn)如下要求
- 在頁(yè)面寬度> 1200px 時(shí)頁(yè)面背景為紅色
- 在頁(yè)面1200px>=寬度> 900px 時(shí)頁(yè)面背景為綠色
- 在頁(yè)面900px>=寬度> 600px 時(shí)頁(yè)面背景為黃色
- 寬度<=600px 背景為灰色
