歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

HTML5 面試中最常問到的 10 個問題

1. HTML5 新的 DocType 和 Charset 是什麼?
HTML5 現在已經不是 SGML 的子集,DocType 簡化為:
<!doctype html>
HTML 5 指定 UTF-8 編碼的方式如下:
<meta charset="UTF-8">

2. 如何在 HTML5 頁面中嵌入音頻?
HTML 5 包含嵌入音頻文件的標准方式,支持的格式包括 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.除了音頻和視頻,HTML5 還支持其他什麼新的媒體元素?

HTML 5 對媒體支持很強,除了 audio 和 video 外,還提供:

  • <embed> 作為外部應用的容器
  • <track> 定義媒體的文本跟蹤
  • <source> 對多種媒體源的支持很有幫助


5.What is the usage of canvas Element in HTML 5?
<canvas> is an element in HTML5 which we can use to draw graphics with the help of scripting (which is most probably JavaScript).
This element behaves like a container for graphics and rest of things will be done by scripting. We can draw images, graphs and a bit of animations etc using <canvas> element.

<canvas id="canvas1" width="300" height="100">
</canvas>

6. HTML5 有哪些不同類型的存儲?

HTML 5 支持本地存儲,在之前版本中是通過 Cookie 實現的。HTML5 本地存儲速度快而且安全。

有兩種不同的對象可用來存儲數據:

  • localStorage 適用於長期存儲數據,浏覽器關閉後數據不丟失
  • sessionStorage 存儲的數據在浏覽器關閉後自動刪除


7. HTML5 引入什麼新的表單屬性?

HTML5 引入大量新的表達屬性:

  • datalist
  • datetime
  • output
  • keygen
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url


8. 與 HTML4 比較,HTML5 廢棄了哪些元素?

廢棄的元素包括:

  • frame
  • frameset
  • noframe
  • applet
  • big
  • center
  • basefront


9. HTML5 標准提供了哪些新的 API?

HTML 5 提供很多新的 API,包括:

  • Media API
  • Text Track API
  • Application Cache API
  • User Interaction
  • Data Transfer API
  • Command API
  • Constraint Validation API
  • History API
  • and many more....


10. HTML5 應用緩存和常規的 HTML 浏覽器緩存有何差別?

HTML5 的應用緩存最關鍵的就是支持離線應用,可獲取少數或者全部網站內容,包括 HTML、CSS、圖像和 JavaScript 腳本並存在本地。該特性加速了網站的性能,可通過如下方式實現:

<!doctype html>
<html manifest="example.appcache">
.....
</html>

與傳統的浏覽器緩存比較,該特性並不強制要求用戶訪問網站。

Copyright © Linux教程網 All Rights Reserved