10個最常見的 HTML5 面試題及答案

edithfang發表於2014-11-26

1、新的 HTML5 文件型別和字符集是？

HTML5 文件型別很簡單：

<!doctype html>

HTML5 使用 UTF-8 編碼示例：

<meta charset=”UTF-8″>

2、HTML5 中如何嵌入音訊？

HTML5 支援 MP3、Wav 和 Ogg 格式的音訊，下面是在網頁中嵌入音訊的簡單示例：

<audio controls>
2. 
3.<source src=”jamshed.mp3″ type=”audio/mpeg”>
4. 
5.Your browser does’nt support audio embedding feature.
6. 
7.</audio>

3、HTML5 中如何嵌入視訊？

和音訊類似，HTML5 支援 MP4、WebM 和 Ogg 格式的視訊，下面是簡單示例：

<video width=”450″ height=”340″ controls>
2. 
3.<source src=”jamshed.mp4″ type=”video/mp4″>
4. 
5.Your browser does’nt support video embedding feature.
6. 
7.</video>

4、除了 audio 和 video，HTML5 還有哪些媒體標籤？

HTML5 對於多媒體提供了強有力的支援，除了 audio 和 video 標籤外，還支援以下標籤：

embed標籤定義嵌入的內容，比如外掛。

<embed type=”video/quicktime” src=”Fishing.mov”>

source對於定義多個資料來源很有用。

<video width=”450″ height=”340″ controls>
2. 
3.<source src=”jamshed.mp4″ type=”video/mp4″>
4. 
5.<source src=”jamshed.ogg” type=”video/ogg”>
6. 
7.</video>

track標籤為諸如 video 元素之類的媒介規定外部文字軌道。用於規定字幕檔案或其他包含文字的檔案，當媒介播放時，這些檔案是可見的。

01.<video width=”450″ height=”340″ controls>
02. 
03.<source src=”jamshed.mp4″ type=”video/mp4″>
04. 
05.<source src=”jamshed.ogg” type=”video/ogg”>
06. 
07.<track kind=”subtitles” label=”English” src=”jamshed_en.vtt” srclang=”en” default></track>
08. 
09.<track kind=”subtitles” label=”Arabic” src=”jamshed_ar.vtt” srclang=”ar”></track>
10. 
11.</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 檔案，如下：

1.<!doctype html>
2. 
3.<html manifest=”example.appcache”>
4. 
5.…..
6. 
7.</html>

來自：http://www.cnblogs.com/lhb25/p/html5-interview-questions.html

HTML5 面試題程式設計師職場

10個最常見的 HTML5 面試題及答案

相關文章