題目1： HTML5是什么贬媒？有哪些新特性帅掘？有哪些新增標(biāo)簽灾部？如何讓低版本的 IE 支持 HTML5新標(biāo)簽
HTML5是超文本標(biāo)記語言的第五次重大修改
- 特性
- 語義特性
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)珊佣。更加豐富的標(biāo)簽將隨著對RDFa的，微數(shù)據(jù)與微格式等方面的支持披粟，構(gòu)建對程序咒锻、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web。 - 本地存儲特性
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間守屉，更快的聯(lián)網(wǎng)速度惑艇，這些全得益于HTML5 APP Cache，以及本地存儲功能拇泛。Indexed DB（html5本地存儲最重要的技術(shù)之一）和API說明文檔滨巴。 - 設(shè)備兼容特性
從Geolocation功能的API文檔公開以來，HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇俺叭，帶來了更多體驗功能的優(yōu)勢恭取。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連熄守，例如視頻影音可直接與microphones及攝像頭相聯(lián)蜈垮。 - 連接特性
更有效的連接工作效率，使得基于頁面的實時聊天裕照，更快速的網(wǎng)頁游戲體驗攒发，更優(yōu)化的在線交流得到了實現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù)晋南，Server-Sent Event和WebSockets就是其中的兩個特性惠猿，這兩個特性能夠幫助我們實現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶端的功能。 - 網(wǎng)頁多媒體特性
支持網(wǎng)頁端的Audio负间、Video等多媒體功能紊扬， 與網(wǎng)站自帶的APPS，攝像頭唉擂，影音功能相得益彰餐屎。 - 三維、圖形及特效特性（Class: 3D, Graphics & Effects）
基于SVG玩祟、Canvas腹缩、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中空扎，所呈現(xiàn)的驚人視覺效果藏鹊。 - 性能與集成特性
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術(shù)，解決以前的跨域等問題转锈，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作盘寡。 - CSS3特性
在不犧牲性能和語義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強的效果撮慨。此外竿痰，較之以前的Web排版脆粥，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。
- 語義特性
| 元素 | 描述 |
|---|---|
| canvas | 標(biāo)簽定義圖形影涉，比如圖表和其他圖像变隔。該標(biāo)簽基于 JavaScript 的繪圖 API |
| audio | 定義音頻內(nèi)容 |
| video | 定義視頻（video 或者 movie） |
| source | 定義多媒體資源 <video> 和<audio> |
| embed | 定義嵌入的內(nèi)容，比如插件 |
| track | 為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道 |
| datalist | 定義選項列表蟹倾。與 input 元素配合使用該元素匣缘，來定義 input 可能的值 |
| keygen | 規(guī)定用于表單的密鑰對生成器字段 |
| output | 定義不同類型的輸出，比如腳本的輸出 |
| article | 定義頁面正文內(nèi)容 |
| aside | 定義頁面內(nèi)容之外的內(nèi)容 |
| bdi | 設(shè)置一段文本鲜棠，使其脫離其父元素的文本方向設(shè)置 |
| command | 定義命令按鈕肌厨，比如單選按鈕、復(fù)選框或按鈕 |
| details | 用于描述文檔或文檔某個部分的細節(jié) |
| dialog | 定義對話框豁陆，比如提示框 |
| summary | 標(biāo)簽包含 details 元素的標(biāo)題 |
| figure | 規(guī)定獨立的流內(nèi)容（圖像夏哭、圖表、照片献联、代碼等等） |
| figcaption | 定義 <figure> 元素的標(biāo)題 |
| footer | 定義 section 或 document 的頁腳 |
| header | 定義了文檔的頭部區(qū)域 |
| mark | 定義帶有記號的文本 |
| meter | 定義度量衡。僅用于已知最大和最小值的度量 |
| nav | 導(dǎo)航 |
| progress | 定義任何類型的任務(wù)的進度 |
| ruby | 定義 ruby 注釋（中文注音或字符） |
| rt | 定義字符（中文注音或字符）的解釋或發(fā)音 |
| rp | 在 ruby 注釋中使用何址，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容 |
| section | 定義文檔中的節(jié)（section、區(qū)段） |
| time | 定義日期或時間 |
| wbr | 規(guī)定在文本中的何處適合添加換行符 |
添加js腳本，讓瀏覽器先創(chuàng)建標(biāo)簽辫塌，再用CSS把它們轉(zhuǎn)為塊狀元素
題目2： input 有哪些新增類型分冈？
- url
- number
- range
- Date Picker
- Date
- month
- week
- time
- datatime
題目3： 瀏覽器本地存儲中 cookie 和 localStorage 有什么區(qū)別？ localStorage 如何存儲刪除數(shù)據(jù)偎血。
- cookie數(shù)據(jù)始終在同源的http請求中攜帶（即使不需要）诸衔，即cookie在瀏覽器和服務(wù)器間來回傳遞；cookie數(shù)據(jù)還有路徑（path）的概念颇玷，可以限制cookie只屬于某個路徑下笨农。存儲大小限制也不同，cookie數(shù)據(jù)不能超過4k帖渠，同時因為每次http請求都會攜帶cookie谒亦，所以cookie只適合保存很小的數(shù)據(jù)，如會話標(biāo)識空郊。只在設(shè)置的cookie過期時間之前一直有效份招，即使窗口或瀏覽器關(guān)閉。
- localStorage不會自動把數(shù)據(jù)發(fā)給服務(wù)器狞甚，僅在本地保存锁摔。localStorage 雖然也有存儲大小的限制，但比cookie大得多哼审，可以達到5M或更大谐腰。始終有效孕豹，窗口或瀏覽器關(guān)閉也一直保存，因此用作持久數(shù)據(jù)
讀操作： window.localStorage.getItem()
寫操作：window.localStorage.setItem()
刪除操作： window.localStorage.removeItem()
題目4： 寫出如下 CSS3效果的簡單事例
1. 圓角怔蚌， 圓形
2. div 陰影
3. 2D 轉(zhuǎn)換：放大巩步、縮小、偏移桦踊、旋轉(zhuǎn)
4. 3D 轉(zhuǎn)換：移動椅野、旋轉(zhuǎn)
5. 背景色漸變
6. 過渡效果
7. 動畫
