前端面試題總結(jié)——Html5（持續(xù)更新中）-創(chuàng)新互聯(lián)

前端面試題總結(jié)——H5（持續(xù)更新中）

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

HTML5 需要doctype來規(guī)范瀏覽器的行為,讓瀏覽器按照它們應該的方式來運行；
HTML4.01基于SGML,所以需要對DTD進行引用，才能告知瀏覽器文檔所使用的文檔類型。

“專業(yè)、務實、高效、創(chuàng)新、把客戶的事當成自己的事”是我們每一個人一直以來堅持追求的企業(yè)文化。 成都創(chuàng)新互聯(lián)是您可以信賴的網(wǎng)站建設服務商、專業(yè)的互聯(lián)網(wǎng)服務提供商! 專注于網(wǎng)站建設、網(wǎng)站制作、軟件開發(fā)、設計服務業(yè)務。我們始終堅持以客戶需求為導向，結(jié)合用戶體驗與視覺傳達，提供有針對性的項目解決方案，提供專業(yè)性的建議，創(chuàng)新互聯(lián)建站將不斷地超越自我，追逐市場，引領市場！

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

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

3.HTML5 中如何嵌入音頻？

當前，audio 元素支持三種音頻格式：

<audio controls="controls">

<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的項目實戰(zhàn)的資料都有整理

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還有哪些媒體標簽？

<embed> 標簽定義嵌入的內(nèi)容，比如插件。
<embed src="helloworld.swf" />
<source> 標簽允許您規(guī)定可替換的視頻/音頻文件供瀏覽器根據(jù)它對媒體類型或者編解碼器的支持進行選擇。

<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>
<track> 播放帶有字幕的視頻：

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

<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 元素有什么作用？

用于在網(wǎng)頁上繪制圖形，該元素標簽強大之處在于可以直接在 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以下的標簽寫，以前的音樂播放是不可能實現(xiàn)滾動條的。)

3：離線網(wǎng)頁程序，可以把資源文件完全緩存在客戶端，并且通過js的一些方法清空緩存

4：文檔編輯，應該是更好的支持對文檔的編輯。

5：拖動，可以將文件拖動到某些區(qū)域上傳

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

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

8：MIME頭自定義

9：客戶端數(shù)據(jù)存儲，localstoage sessionstoage

10：地理位置共享

11：本地數(shù)據(jù)庫

12：索引數(shù)據(jù)庫

8.HTML5 應用程序緩存和瀏覽器緩存有什么區(qū)別？

HTML5 引入了應用程序緩存，這意味著 web 應用可進行緩存，并可在沒有因特網(wǎng)連接時進行訪問。
應用程序緩存為應用帶來三個優(yōu)勢：
離線瀏覽 - 用戶可在應用離線時使用它們
速度 - 已緩存資源加載得更快
減少服務器負載 - 瀏覽器將只從服務器下載更新過或更改過的資源。
實現(xiàn)借助于 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 格式保存結(jié)果圖像
如果 SVG 對象的屬性發(fā)生變化，那么瀏覽器能夠自動重現(xiàn)圖形。

11.HTML5 新的表單元素：

<datalist>
<keygen>
<output>

分享標題：前端面試題總結(jié)——Html5（持續(xù)更新中）-創(chuàng)新互聯(lián)
文章路徑：http://bm7419.com/article30/ijoso.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、企業(yè)網(wǎng)站制作、定制網(wǎng)站、網(wǎng)站營銷、外貿(mào)網(wǎng)站建設、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設