前端面試題總結——H5（持續更新中）

1.HTML5 為什麼只需要寫 <!DOCTYPE HTML>？

HTML5 需要doctype來規範瀏覽器的行為,讓瀏覽器按照它們應該的方式來執行；
HTML4.01基於SGML,所以需要對DTD進行引用，才能告知瀏覽器文件所使用的文件型別。

2.HTML5的form如何關閉自動完成功能？

給不想要提示的 form 或某個 input 設定為 autocomplete=off。

3.HTML5 中如何嵌入音訊？

當前，audio 元素支援三種音訊格式：

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

</audio>前端學習圈：767273102 ，從最基礎的HTML+CSS+JavaScript。jQuery，Ajax，node，angular等到移動端HTML5的專案實戰的資料都有整理

4.HTML5 中如何嵌入影片？

當前，video 元素支援三種影片格式：

<video width="320" height="240" controls="controls">

<source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag.

</video>

5.除了 audio 和 vidio，HTML5還有哪些媒體標籤？

<source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag.

</video>
<track> 播放帶有字幕的影片：

<source src="forrest_gump.mp4" type="video/mp4" /> <source src="forrest_gump.ogg" type="video/ogg" /> <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese"> <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">

</video>

6.HTML5 canvas 元素有什麼作用？

用於在網頁上繪製圖形，該元素標籤強大之處在於可以直接在 HTML5 上進行圖形操作
<!doctype html>
<html>
<head>

<meta charset="UTF-8"> <title>Document</title>

</head>
<body>

<canvas id="canvas"></canvas> <script>     var canvas=document.getElementById('canvas');     var ctx=canvas.getContext('2d');     ctx.fillStyle='#FF0000';     ctx.fillRect(0,0,200,200); </script>

</body>
</html>

7.HTML5 標準提供了哪些新的API？

1：canvas，不用多說，可以畫出很多絢麗的圖形，甚至可以直接做出偽3D遊戲。

2：媒體控制，也很好理解(直譯就是回放功能，假如只用html5.0以下的標籤寫，以前的音樂播放是不可能實現捲軸的。)

3：離線網頁程式，可以把資原始檔完全快取在客戶端，並且透過js的一些方法清空快取

4：文件編輯，應該是更好的支援對文件的編輯。

5：拖動，可以將檔案拖動到某些區域上傳

6：跨文件請求，websocket，一種更加高效的通訊方式

7：歷史管理，可以透過js管理和插入歷史記錄

8：MIME頭自定義

9：客戶端資料儲存，localstoage sessionstoage

10：地理位置共享

11：本地資料庫

12：索引資料庫

8.HTML5 應用程式快取和瀏覽器快取有什麼區別？

HTML5 引入了應用程式快取，這意味著 web 應用可進行快取，並可在沒有因特網連線時進行訪問。
應用程式快取為應用帶來三個優勢：
離線瀏覽 - 使用者可在應用離線時使用它們
速度 - 已快取資源載入得更快
減少伺服器負載 - 瀏覽器將只從伺服器下載更新過或更改過的資源。
實現藉助於 manifest 檔案
<html manifest="demo.appcache">

9.你可以為 HTML 新增新的元素。

fuck{
Font-family：simhei;
Color:pink
}

10.Canvas 與 SVG 的比較：

SVG 是一種使用 XML 描述 2D 圖形的語言。Canvas 透過 JavaScript 來繪製 2D 圖形。
Svg支援事件處理器，canvas不支援事件處理器
在 SVG 中，每個被繪製的圖形均被視為物件，而canvas能夠以 .png 或 .jpg 格式儲存結果影像
如果 SVG 物件的屬性發生變化，那麼瀏覽器能夠自動重現圖形。

11.HTML5 新的表單元素：

前端面試題總結——Html5（持續更新中）