標籤：html5 css3 移動 移動互連網 web
HTML5面試中常見的十個問題
1、新的 HTML5 文件類型和字元集是？
HTML5 文件類型很簡單：<!doctype html>
HTML5 使用 UTF-8 編碼樣本：<meta charset=”UTF-8″>
2、HTML5 廢棄了哪些 HTML4 標籤？
HTML5 廢棄了一些過時的，不合理的 HTML 標籤：
- frame
- frameset
- noframe
- applet
- big
- center
- basefront
3、HTML5 有哪些新增的表單元素？
HTML5 新增了很多表單元素讓開發人員構建更優秀的 Web 應用程式。
- datalist
- datetime
- output
- keygen
- date
- month
- week
- time
- color
- number
- range
- email
- url
4、HTML5 標準提供了哪些新的 API？
HTML5 提供的應用程式 API 主要有：
- Media API
- Text Track API
- Application Cache API
- User Interaction
- Data Transfer API
- Command API
- Constraint Validation API
- History API
5、HTML5 中如何嵌入音頻？
HTML5 支援 MP3、Wav 和 Ogg 格式的音頻，下面是在網頁中嵌入音訊簡單樣本：<audio controls> <source src=”jamshed.mp3″ type=”audio/mpeg”> Your browser does’nt support audio embedding feature. </audio>
6、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>
7、除了 audio 和 video，HTML5 還有哪些媒體標籤？
HTML5 對於多媒體提供了強有力的支援，除了 audio 和 video 標籤外，還支援以下標籤：
<embed> 標籤定義嵌入的內容，比如外掛程式。<embed type=”video/quicktime” src=”Fishing.mov”>
<source> 對於定義多個資料來源很有用。<video width=”450″ height=”340″ controls> <source src=”jamshed.mp4″ type=”video/mp4″> <source src=”jamshed.ogg” type=”video/ogg”> </video>
<track> 標籤為諸如 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>
8、HTML5 Canvas 元素有什麼用？
Canvas 元素用於在網頁上繪製圖形，該元素標籤強大之處在於可以直接在 HTML 上進行圖形操作，<canvas id=”canvas1″ width=”300″ height=”100″> </canvas>
9、HTML5 儲存類型有什麼區別？
HTML5 能夠本機存放區資料，在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本機存放區方案：
- localStorage 用於持久化的本機存放區，資料永遠不會到期，關閉瀏覽器也不會丟失。
- sessionStorage 同一個會話中的頁面才能訪問並且當會話結束後資料也隨之銷毀。因此sessionStorage不是一種持久化的本機存放區，僅僅是會話層級的儲存
10、HTML5 應用程式緩衝和瀏覽器緩衝有什麼區別？
應用程式緩衝是 HTML5 的重要特性之一，提供了離線使用的功能，讓應用程式可以擷取本地的網站內容，例如 HTML、CSS、圖片以及 JavaScript。這個特性可以提高網站效能，它的實現藉助於 manifest 檔案，如下：<!doctype html> <html manifest=”example.appcache”> ….. </html>與傳統瀏覽器緩衝相比，它不強制使用者訪問的網站內容被緩衝。
HTML5面試中常見的十個問題
