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

一、新的 HTML5 文檔類型和字符集是?html

HTML5 文檔類型很簡單:canvas

<!doctype html>

HTML5 使用 UTF-8 編碼示例:ide

<meta charset=」UTF-8″>

二、HTML5 中如何嵌入音頻?ui

HTML5 支持 MP三、Wav 和 Ogg 格式的音頻,下面是在網頁中嵌入音頻的簡單示例:編碼

<audio controls>
    <source src=」jamshed.mp3″ type=」audio/mpeg」>
    Your browser does’nt support audio embedding feature.
</audio>

三、HTML5 中如何嵌入視頻?插件

和音頻相似,HTML5 支持 MP四、WebM 和 Ogg 格式的視頻,下面是簡單示例:code

<video width=」450″ height=」340″ controls>
  <source src=」jamshed.mp4″ type=」video/mp4″>
   Your browser does’nt support video embedding feature.
</video>

四、除了 audio 和 video,HTML5 還有哪些媒體標籤?視頻

HTML5 對於多媒體提供了強有力的支持,除了 audio 和 video 標籤外,還支持如下標籤:htm

<embed> 標籤訂義嵌入的內容,好比插件。文檔

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

對於定義多個數據源頗有用。

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

標籤爲諸如 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>

五、HTML5 Canvas 元素有什麼用?

Canvas 元素用於在網頁上繪製圖形,該元素標籤強大之處在於能夠直接在 HTML 上進行圖形操做,

<canvas id=」canvas1″ width=」300″ height=」100″>
</canvas>
相關文章
相關標籤/搜索