首頁 > 文章 > web前端 > 10道高頻率HTML5面試題

10道高頻率HTML5面試題

小云云原創: 2017-11-18 16:22:361859瀏覽

學HTML5的你，在面試中會覺得害怕或緊張嗎?身為程式設計師的我們，面試的時候總會遇到面試題，當然HTML5也有面試題，那麼小編就在網路上給大家總結了10題非常常見的HTML5面試題，在做準備面試的朋友們可以留意一下，希望這10道HTML5面試題能幫助到你。

1、新的 HTML5 文件類型和字元集是？

<!doctype html>

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 標籤外，還支援以下標籤：

d8e2720730be5ddc9c2a3782839e8eb6 標籤定義嵌入的內容，例如外掛程式。

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

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

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
</video>

9bf7cbf2c39baa37076a22499de2f6ed 標籤為諸如 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題能夠幫助到你。

10道高頻率HTML5面試題

相關文章