HTML5常見技術面試題複習總結
1 Html與html5的區別
1.1 文檔類型聲明
h5只需要聲明<!DOCTYPE html>就可以了;
而h4則需要在文檔前聲明一份DTD文件，太長而且複雜。
1.2 音頻和視頻的支持
HTML5使用<audio>和<video>標籤來支持音頻和視頻控制；
而html如果不使用Flash播放器支持，它就不支持音頻和視頻。
1.3 語法處理
HTML無法處理不準確的語法；HTML5能夠處理不準確的語法。
1.4 新增元素
2 Html5與xhtml的區別
2.1 元素嵌套
Xhtml要求必須正確的嵌套；
html某些元素可以彼此不正確地嵌套。
2.2 文檔內根元素差異
在XHTML中元素必須被嵌套於 根元素中。
2.3 標籤名大小寫
XHTML標籤名和屬性對大小寫敏感，XHTML 元素必須小寫；
Html則對大小寫不敏感。
2.4 元素閉合
XHTML元素必須被關閉，標籤也必須使用結束標籤，或者其開始標籤必須使用/>結尾
例如 <p></p>、<br /> 等
而html有些元素不需要閉合標籤，在瀏覽器查看源碼會自動補上
2.5 XHTML 用 id 屬性代替 name 屬性
2.6 基本概念
HTML：HTML 是一種基本的 WEB 網頁設計語言；
XHTML：XHTML 是一個基於 XML 的置標語言。
3 結構標記有哪些？與div有什麼相同/不同之處？
header，nav，section，aside，footer，article
都是用來做佈局的，但結構標記提高了語義性和可讀性。
4 行內元素，塊狀元素，空元素
4.1 行內元素
span，a，img，i，b，sub，sup，s，u
效果如下圖：
4.2 塊狀元素
Div，dl，dt，dd，ul，ol，li，p，h1-h5，結構標記
4.3 空元素
<br />換行 <hr />水平分割線
5 Html5新特性
結構標記：（header，footer，nav，section， aside，article）
新表單元素：（url，email，number，date，month，color等）
繪畫canvas，音頻audio，視頻video，地理定位，
本地離線存儲：（localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；sessionStorage 的數據在瀏覽器關閉後自動刪除）
新的技術Web Workers，WebSocket 等等..
6 移除的元素
純表現的元素：basefont、big、center、font、s、strike、tt、u
對可用性產生負面影響的元素：frame、frameset、noframes
7 如何對網站的文件和資源進行優化?
文件合併、文件最小化/文件壓縮、使用 CDN 託管、緩存的使用
8 HTML5的離線存儲怎麼使用，解釋一下工作原理
用戶沒有聯網時，可以正常訪問站點或應用；聯網的情況下，更新用戶機器上的緩存文件。
原理：HTML5的離線存儲是基於一個新建的.appchache文件的緩存機制（不是存儲技術），通過這個文件上的解析清單離線存儲資源，這些資源就會像cookie一樣被存儲下來。之後當網絡處於離線狀態時，瀏覽器會通過被離線存儲的數據進行頁面展示。
如何使用：
一、頁面頭部加入一個manifest的屬性
二、在cache.manifest文件的編寫離線存儲的資源
三、在離線狀態下，操作window.applicationCache進行需求實現
9 HTML5中的應用緩存是什麼？請簡述。
就是web應用可以指定文件緩存，離線時也可以訪問
三個優勢：
1、離線瀏覽 - 用戶可在應用離線時使用它們
2、速度 - 已緩存資源加載得更快
3、減少服務器負載 - 瀏覽器將只從服務器下載更新過或更改過的資源。
10 本地存儲和cookies之間的區別
10.1 Cookies
服務器和客戶端都可以訪問；大小隻有4KB左右；有有效期，過期後將會刪除。
10.2 LocalStorage
只有本地瀏覽器端可訪問數據，服務器不能訪問本地存儲直到故意通過POST或者GET的通道發送到服務器；每個域5MB；沒有過期數據，它將保留直到用戶從瀏覽器清除或者使用Javascript代碼移除
11 Input類型
