1、html5有哪些新特性？移除了那些元素？如何處理HTML5新標籤的瀏覽器相容問題？如何區分 HTML 和 HTML5？

答：新特性：

（1）拖拽釋放(Drag and drop) API

（2）語義化更好的內容標籤（header,nav,footer,aside,article,section）

（3）音訊、視訊API(audio,video)

（4） 畫布(Canvas) API

（5）地理(Geolocation) API

（6）本地離線儲存 localStorage 長期儲存資料，瀏覽器關閉後資料不丟失；

（7）sessionStorage 的資料在瀏覽器關閉後自動刪除

（8）表單控制元件，calendar、date、time、email、url、search 

（9）新的技術webworker, websocket, Geolocation

移除的元素：

（1）純表現的元素：basefont，big，center，font, s，strike，tt，u；

（2）對可用性產生負面影響的元素：frame，frameset，noframes；

支援HTML5新標籤：

（1）IE8/IE7/IE6支援通過 document.createElement 方法產生的標籤，可以利用這一特性讓這些瀏覽器支援 HTML5 新標籤，瀏覽器支援新標籤後，還需要新增標籤預設的樣式（當然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架）：

<!--[if lt IE 9]>

<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>

<![endif]-->

如何區分：

DOCTYPE宣告新增的結構元素、功能元素

2、本地儲存（Local Storage ）和cookies（儲存在使用者本地終端上的資料）之間的區別是什麼？

答：Cookies:伺服器和客戶端都可以訪問；大小隻有4KB左右；有有效期，過期後將會刪除；

本地儲存：只有本地瀏覽器端可訪問資料，伺服器不能訪問本地儲存直到故意通過POST或者GET的通道傳送到伺服器；每個域5MB；沒有過期資料，它將保留知道使用者從瀏覽器清除或者使用Javascript程式碼移除。

3、HTML5 儲存型別有什麼區別？

答：html5的webstorage 分兩種：LocalStorage 和SessionStorage，兩者的差別主要在生命週期不同。

LocalStorage ：LocalStorage用於持久化的本地儲存，儲存資料在客戶端（client）的瀏覽器上，除非主動刪除資料，否則數 據是永遠不會過期的。LocalStorage使用鍵值對的方式進行儲存，儲存的方式只能是字串。儲存內容可以有圖片、json、樣式、指令碼等只要可以 序列化為字串的。SessionStorage：SessionStorage用於本地儲存一個會話中 的資料，這些資料只有在同一個會話中的頁面才能訪問並且會話結束，例如關閉視窗後，，資料也會隨之被銷燬。它是一種會話級別的儲存。

離線快取（application cache）：HTML5引入了應用程式快取器，可對web進行快取，在沒有網路形況下使用，通過建立cache manifest檔案,建立應用快取。

4、行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？
答：行內元素：a  b  span  img  input  select  strong
塊級元素：div  ul  ol  li  dl  dt  dd  h1  h2  h3  h4  p  等
空元素：<br>  <hr>  <img>  <link> <meta>

5、頁面匯入樣式時，使用link和@import有什麼區別？
答：i.link屬於XHTML標籤，而@import是css提供的；
ii.頁面被載入時，link會同時被載入，而@import引用的css會等到頁面被載入完再載入；
[email protected]只在IE5以上才能識別，而link是XHTML標籤，無相容問題；
iv.link方式的樣式的權重高於@import的權重。