題目1： HTML5是什么？有哪些新特性？有哪些新增標簽？如何讓低版本的 IE 支持 HTML5新標簽
HTML是HTML發布的第五個版本；是最新標準, 也是 HTML 從簡單的文本標記語言到完整的應用開發平臺的一大步。在眾多的新特性中，HTML5 包含了新元素以及 JavaScriptAPIs來更方便地操作數據儲存，多媒體文件以及硬件系統。
新特性：
用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內容元素，比如 article、footer、header、nav、section
新的表單控件，比如 calendar、date、time、email、url、search
新增標簽：
腳本：
<template> //通過Javascript在運行實例化內容的容器
章節：
<section> //定義文檔中的一個章節
<nav> //定義只包含導航鏈接的章節
<artivcle> //定義可以獨立于內容其余部分的完整的獨立內容塊
<asdie> //定義和頁面內容關聯度較低的內容
<header> //定義頁面或章節的頭部。它經常包含logo、頁面標題和導航性的目錄
<footer> //定義頁面或章節的尾部。它經常包含版權信息、法律信息鏈接和反饋建議用的地址
<main> //定義文檔中主要的或重要的內容
組織內容：
<figure> //代表一個和文檔有關的圖例
<figcaption> //代表一個通用的容器、沒有特別的含義
文字形式：
<data> //關聯一個內容的機器可讀的等價形式 （該元素只在 WHATWG 版本的 HTML 標準中，不在 W3C 版本的 HTML5 標準中）
<time> //代表**日期和時間值** ，相當于datetime
<mark> //代表一段需要被高亮的引用的文字
<ruby> //代表被ruby 注釋 標記的文本，如中文漢字和它的拼音。
<rp> //代表 ruby 注釋兩邊的額外插入文本 ，用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。
<rt> // 代表ruby 注釋 ，如中文拼音。
<bdi> //代表需要脫離 父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本。
<wbr> //代表建議換行 (Word Break Opportunity) ，當文本太長需要換行時將會在此處添加換行符。
嵌入內容：
<embed> //代表一個嵌入的外部資源。如應用程序或交互內容
<video> //代表一段視頻及其視頻文件和字幕。并提供了播放視頻的用戶界面
<audio> //代表一段聲音，或音頻流
<source> //為<video>和<audio>這類媒體元素指定媒體源
<track> //為 <video> 或 <audio> 這類媒體元素指定文本軌道（字幕）
<canvas> //代表位圖區域 ，可以通過腳本在它上面實時呈現圖形，如圖表、游戲繪圖等。
<svg> //定義一個嵌入式矢量圖 。
<math> //定義一段數學公式
表單：
<datalist> //代表提供給其他控件的一組預定義選項
<keygen> //代表一個密鑰對生成器控件
<output> //代表計算值
<progress> //代表進度條
<meter> //代表滑動條
交互元素：
<datails> //代表一個用戶可以（點擊）獲取額外信息或控件的小部件
<summary> //代表 <details> 元素的綜述 或標題 。
<menutiem> //代表一個用戶可以點擊的菜單項
<menu> //代表菜單
支持：通過html5shiv.js來讓IE模擬HTML5標簽
題目2： input 有哪些新增類型？
新增類型：
<input type="url"> //url 類型用于應該包含 URL 地址的輸入域。在提交表單時，會自動驗證 url 域的值。
<input type="email"> //email類型用于驗證是否為email格式的輸入
<input type="number" min="1" max="100"> //number 類型用于應該包含數值的輸入域。設定對所接受的數字的限定：
<input type="range" min="1" max="10"> //表現為滑動條，用于來表示一定范圍內的數字輸入
<input type="date"> //提供日期進行輸入
//date - 選取日、月、年
//month - 選取月、年
//week - 選取周和年
//time - 選取時間（小時和分鐘）
//datetime - 選取時間、日、月、年（UTC 時間）
//datetime-local - 選取時間、日、月、年（本地時間）
<input type="search"> //用于輸入搜索字符串的單行文本字段。換行會被從輸入的值中自動移除。
題目3： 瀏覽器本地存儲中 cookie 和 localStorage 有什么區別？ localStorage 如何存儲刪除數據。
<i>cookie</i>： 是服務器發送到瀏覽器，并保留到瀏覽器的一塊數據。其會在瀏覽器下一次發出請求的時候攜帶上，并發送到服務器。 可以用來驗證兩次請求是否來自同一個瀏覽器，從而確保用戶的登錄。
<i>localStorage：</i>是window storage的一個api，其允許我們訪問local storage的這個對象。同時，存放到這里的數據沒有過期的概念。
<h6>區別：</h6> cookie是存儲到瀏覽器的數據，可以設置數據過期時間。
localStorage是存儲到本地的數據，數據不會過期。
<b>localStorage刪除數據</b>
通過調用localstorage.removeItem()來刪除相關數據
localStorage.clear()來清空所有數據。
題目4： 寫出如下 CSS3效果的簡單事例
- 圓角， 圓形
- div 陰影
- 2D 轉換：放大、縮小、偏移、旋轉
- 3D 轉換：移動、旋轉
- 背景色漸變
- 過渡效果
- 動畫
例子
題目5： 實現如下全屏圖加過渡色的效果（具體效果隨意）DEMO70
