10個(gè)最常見的 HTML5 面試題及答案

這是選擇了10個(gè) HTML5 面試問題并給出了答案。這是 Web 開發(fā)人員最常見的面試問題，相信你掌握了這些重要的面試問題后一定會(huì)覺得你的理解提高了。一起來看看吧。

　　這是選擇了10個(gè) HTML5 面試問題并給出了答案。這是 Web 開發(fā)人員最常見的面試問題，相信你掌握了這些重要的面試問題后一定會(huì)覺得你的理解提高了。一起來看看吧。

您可能感興趣的相關(guān)文章

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 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í)，這些文件是可見的。

<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ān)閉瀏覽器也不會(huì)丟失。
sessionStorage 同一個(gè)會(huì)話中的頁(yè)面才能訪問并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲(chǔ)，僅僅是會(huì)話級(jí)別的存儲(chǔ)

7、HTML5 有哪些新增的表單元素？

HTML5 新增了很多表單元素讓開發(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 廢棄了一些過時(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 的重要特性之一，提供了離線使用的功能，讓應(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ǎng)站內(nèi)容被緩存。

您可能感興趣的相關(guān)文章

本文鏈接：精選9個(gè)很酷的 HTML5 效果【附源碼下載】

編譯來源：夢(mèng)想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁(yè)設(shè)計(jì)資源

posted @ 2014-11-24 14:32 夢(mèng)想天空（山邊小溪）閱讀(98514) 評(píng)論(11) 收藏舉報(bào)

刷新頁(yè)面返回頂部

夢(mèng)想天空

關(guān)注前端開發(fā)技術(shù) ◆ 推動(dòng) HTML5 & CSS3 技術(shù)發(fā)展 ◆ 本博客全新站點(diǎn)：yyyweb.com 歡迎圍觀：）