HTML5 面試中最常問到的 10 個問題
1. HTML5 新的 DocType 和 Charset 是什么？
HTML5 現在已經不是 SGML 的子集，DocType 簡化為：
<!doctype html>
HTML 5 指定 UTF-8 編碼的方式如下：
<meta charset="UTF-8">
2. 如何在 HTML5 頁面中嵌入音頻?
HTML 5 包含嵌入音頻文件的標準方式，支持的格式包括 MP3、Wav 和 Ogg：
<audio controls>
<source src="jamshed.mp3" type="audio/mpeg">
Your browser does'nt support audio embedding feature.
</audio>
3. 如何在 HTML5 頁面中嵌入視頻？
和音頻一樣，HTML5 定義了嵌入視頻的標準方法，支持的格式包括：MP4、WebM 和 Ogg：
<video width="450" height="340" controls>
<source src="jamshed.mp4" type="video/mp4">
Your browser does'nt support video embedding feature.
</video>
4.除了音頻和視頻，HTML5 還支持其他什么新的媒體元素？
HTML 5 對媒體支持很強，除了 audio 和 video 外，還提供：
- <embed> 作為外部應用的容器
- <track> 定義媒體的文本跟蹤
- <source> 對多種媒體源的支持很有幫助
5.What is the usage of canvas Element in HTML 5?
<canvas> is an element in HTML5 which we can use to draw graphics with the help of scripting (which is most probably JavaScript).
This element behaves like a container for graphics and rest of things will be done by scripting. We can draw images, graphs and a bit of animations etc using <canvas> element.
<canvas id="canvas1" width="300" height="100">
</canvas>
6. HTML5 有哪些不同類型的存儲？
HTML 5 支持本地存儲，在之前版本中是通過 Cookie 實現的。HTML5 本地存儲速度快而且安全。
有兩種不同的對象可用來存儲數據：
- localStorage 適用于長期存儲數據，瀏覽器關閉后數據不丟失
- sessionStorage 存儲的數據在瀏覽器關閉后自動刪除
7. HTML5 引入什么新的表單屬性？
HTML5 引入大量新的表達屬性：
- datalist
- datetime
- output
- keygen
- date
- month
- week
- time
- number
- range
- url
8. 與 HTML4 比較，HTML5 廢棄了哪些元素？
廢棄的元素包括：
- frame
- frameset
- noframe
- applet
- big
- center
- basefront
9. HTML5 標準提供了哪些新的 API？
HTML 5 提供很多新的 API，包括：
- Media API
- Text Track API
- Application Cache API
- User Interaction
- Data Transfer API
- Command API
- Constraint Validation API
- History API
- and many more....
10. HTML5 應用緩存和常規的 HTML 瀏覽器緩存有何差別？
HTML5 的應用緩存最關鍵的就是支持離線應用，可獲取少數或者全部網站內容，包括 HTML、CSS、圖像和 JavaScript 腳本并存在本地。該特性加速了網站的性能，可通過如下方式實現：
<!doctype html>
<html manifest="example.appcache">
.....
</html>
與傳統的瀏覽器緩存比較，該特性并不強制要求用戶訪問網站。