學HTML5的你，在面試中會覺得害怕或緊張嗎?身為程式設計師的我們，面試的時候總會遇到面試題，當然HTML5也有面試題，那麼小編就在網路上給大家總結了10題非常常見的HTML5面試題，在做準備面試的朋友們可以留意一下，希望這10道HTML5面試題能幫助到你。
1、新的 HTML5 文件類型和字元集是？
HTML5 使用 UTF-8 編碼範例：
<meta charset=”UTF-8″>
登入後複製
2、HTML5 中如何嵌入音訊？
HTML5 支援 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、除了 audio 和 video，HTML5 還有哪些媒體標籤？
HTML5 對於多媒體提供了強有力的支持，除了 audio 和 video 標籤外，還支援以下標籤：
<embed type=”video/quicktime” src=”Fishing.mov”>
登入後複製
對於定義多個資料來源很有用。
<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
</video>
登入後複製
<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
<track kind=”subtitles” label=”English” src=”jamshed_en.vtt” srclang=”en” default></track>
<track kind=”subtitles” label=”Arabic” src=”jamshed_ar.vtt” srclang=”ar”></track>
</video>
登入後複製
5、HTML5 Canvas 元素有什麼用？
Canvas 元素用於在網頁上繪製圖形，該元素標籤強大之處在於可以直接在 HTML 上進行圖形操作，
<canvas id=”canvas1″ width=”300″ height=”100″></canvas>
登入後複製
6、HTML5 儲存類型有什麼區別？
HTML5 能夠本地儲存數據，在之前都是使用 cookies 使用的。 HTML5 提供了以下兩種本機儲存方案：
localStorage 用於持久化的本機存儲，資料永遠不會過期，關閉瀏覽器也不會遺失。 sessionStorage 同一個會話中的頁面才能存取並且當會話結束後資料也隨之銷毀。因此sessionStorage不是持久的本機存儲，只是會話層級的儲存。
7、HTML5 有哪些新增的表單元素？
HTML5 新增了許多表單元素讓開發者建立更優秀的 Web 應用程式。
datalist
datetime
output
keygen
date
month
week
time
color
number
range
email
url
8、HTML5 廢棄了哪些HTML4 標籤？
HTML5 廢棄了一些過時的，不合理的HTML 標籤：
frame
frameset
noframe
applet
big
center
basefront
9、HTML5 標準提供了哪些新的API？
HTML5 提供的應用程式API 主要有：
Media API
Text Track API
Application Cache API
User Interaction##Data Transfer API
Command API
Constraint Validation API
History API
10、HTML5 應用程式快取和瀏覽器快取有什麼不同？
應用程式快取是 HTML5 的重要功能之一，提供了離線使用的功能，讓應用程式可以取得本機的網站內容，例如 HTML、CSS、圖片以及 JavaScript。這個特性可以提高網站效能，它的實作借助於 manifest 文件，如下：
<!doctype html>
......
登入後複製
與傳統瀏覽器快取相比，它不會強制使用者存取的網站內容被快取。
以上這10道HTML5面試題看似很簡單，但是面試的時候常常會被考到，準備面試的朋友希望這10題能夠幫助到你。
相關推薦：
分享一些前端面試題實例
前端面試題分享？你能答對多少？
最新的百度前端面試題分享
php面試題目中筆試題目的總結
最容易出錯的10道php面試題
2017年常見的PHP面試題及回答技巧
有關PHP幾道面試題分析
以上是10道高頻率HTML5面試題的詳細內容。更多資訊請關注PHP中文網其他相關文章！
