10個(gè)最常見(jiàn)的 HTML5 面試題及答案
這里選擇了10個(gè) HTML5 面試問(wèn)題并給出了答案。這是 Web 開(kāi)發(fā)人員最常見(jiàn)的面試問(wèn)題，相信你掌握了這些重要的面試問(wèn)題后一定會(huì)覺(jué)得你的理解提高了。一起來(lái)看看吧。
1、新的 HTML5 文檔類型和字符集是？
HTML5 文檔類型很簡(jiǎn)單：
<!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 中如何嵌入視頻？
和音頻類似，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 元素之類的媒介規(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ǔ)類型有什么區(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ù)也隨之銷毀。因此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)容被緩存。
http://jzcjspjx.com/【10個(gè)最常見(jiàn)的 HTML5 面試題及答案】相關(guān)文章：
常見(jiàn).net面試題及答案06-19
銀行常見(jiàn)面試題及參考答案09-04
有關(guān)面試題及答案09-01
hr面試題及答案05-10
linux面試題及答案02-19
常見(jiàn)面試題目及解析03-30
常見(jiàn)面試題及回答思路09-05
華為的Java面試題及答案11-22