1、新的 HTML5 文檔類(lèi)型和字符集是？
<!doctype html>
HTML5 使用 UTF-8 編碼示例：
<meta charset=”UTF-8″>
2、HTML5 中如何嵌入音頻？
HTML5 支持 MP3、Wav 和 Ogg 格式的音頻，下面是在網(wǎng)頁(yè)中嵌入音頻的簡(jiǎn)單示例：
<audio controls><source src=”jamshed.mp3″ type=”audio/mpeg”>Your browser does’nt support audio embedding feature. </audio>
3、HTML5 中如何嵌入視頻？
和音頻類(lèi)似，HTML5 支持 MP4、WebM 和 Ogg 格式的視頻，下面是簡(jiǎn)單示例：
<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 還有哪些媒體標(biāo)簽？
HTML5 對(duì)于多媒體提供了強(qiáng)有力的支持，除了 audio 和 video 標(biāo)簽外，還支持以下標(biāo)簽：
<embed> 標(biāo)簽定義嵌入的內(nèi)容，比如插件。
<embed type=”video/quicktime” src=”Fishing.mov”>
<source> 對(duì)于定義多個(gè)數(shù)據(jù)源很有用。
<video width=”450″ height=”340″ controls><source src=”jamshed.mp4″ type=”video/mp4″><source src=”jamshed.ogg” type=”video/ogg”></video>
<track> 標(biāo)簽為諸如 video 元素之類(lèi)的媒介規(guī)定外部文本軌道。 用于規(guī)定字幕文件或其他包含文本的文件，當(dāng)媒介播放時(shí)，這些文件是可見(jiàn)的。
<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 元素用于在網(wǎng)頁(yè)上繪制圖形，該元素標(biāo)簽強(qiáng)大之處在于可以直接在 HTML 上進(jìn)行圖形操作，
<canvas id=”canvas1″ width=”300″ height=”100″></canvas>
6、HTML5 存儲(chǔ)類(lèi)型有什么區(qū)別？
HTML5 能夠本地存儲(chǔ)數(shù)據(jù)，在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本地存儲(chǔ)方案：
localStorage 用于持久化的本地存儲(chǔ)，數(shù)據(jù)永遠(yuǎn)不會(huì)過(guò)期，關(guān)閉瀏覽器也不會(huì)丟失。sessionStorage 同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷(xiāo)毀。因此sessionStorage不是一種持久化的本地存儲(chǔ)，僅僅是會(huì)話級(jí)別的存儲(chǔ)。
7、HTML5 有哪些新增的表單元素？
HTML5 新增了很多表單元素讓開(kāi)發(fā)者構(gòu)建更優(yōu)秀的 Web 應(yīng)用程序。
datalist
datetime
output
keygen
date
month
week
time
color
number
range
email
url
8、HTML5 廢棄了哪些 HTML4 標(biāo)簽？
HTML5 廢棄了一些過(guò)時(shí)的，不合理的 HTML 標(biāo)簽：
frame
frameset
noframe
applet
big
center
basefront
9、HTML5 標(biāo)準(zhǔn)提供了哪些新的 API？
HTML5 提供的應(yīng)用程序 API 主要有：
Media API
Text Track API
Application Cache API
User Interaction
Data Transfer API
Command API
Constraint Validation API
History API
10、HTML5 應(yīng)用程序緩存和瀏覽器緩存有什么區(qū)別？
應(yīng)用程序緩存是 HTML5 的重要特性之一，提供了離線使用的功能，讓?xiě)?yīng)用程序可以獲取本地的網(wǎng)站內(nèi)容，例如 HTML、CSS、圖片以及 JavaScript。這個(gè)特性可以提高網(wǎng)站性能，它的實(shí)現(xiàn)借助于 manifest 文件，如下：
<!doctype html><html manifest=”example.appcache”>......</html>
與傳統(tǒng)瀏覽器緩存相比，它不強(qiáng)制用戶訪問(wèn)的網(wǎng)站內(nèi)容被緩存。
以上這10道HTML5面試題看似很簡(jiǎn)單，但是面試的時(shí)候經(jīng)常會(huì)被考到，準(zhǔn)備面試的朋友希望這10道題目能夠幫助到你。
相關(guān)推薦：
分享一些前端面試題實(shí)例
前端面試題分享？你能答對(duì)多少？
最新的百度前端面試題分享
php面試題中筆試題目的匯總
最讓人容易出錯(cuò)的10道php面試題
2017年常見(jiàn)的PHP面試題及回答技巧
有關(guān)PHP幾道面試題分析
以上就是10道高頻率HTML5面試題的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注 其它相關(guān)文章！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
新聞熱點(diǎn)
疑難解答
圖片精選
