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

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

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

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

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供裕民網(wǎng)站建設(shè)、裕民做網(wǎng)站、裕民網(wǎng)站設(shè)計(jì)、裕民網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、裕民企業(yè)網(wǎng)站模板建站服務(wù)，十多年裕民做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

2.HTML5的form如何關(guān)閉自動完成功能？

給不想要提示的 form 或某個(gè) input 設(shè)置為 autocomplete=off。

3.HTML5 中如何嵌入音頻？

當(dāng)前，audio 元素支持三種音頻格式：

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

</audio>前端學(xué)習(xí)圈：767273102 ，從最基礎(chǔ)的HTML+CSS+JavaScript。jQuery，Ajax，node，angular等到移動端HTML5的項(xiàng)目實(shí)戰(zhàn)的資料都有整理

4.HTML5 中如何嵌入視頻？

當(dāng)前，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還有哪些媒體標(biāo)簽？

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

用于在網(wǎng)頁上繪制圖形，該元素標(biāo)簽強(qiáng)大之處在于可以直接在 HTML5 上進(jìn)行圖形操作
<!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 標(biāo)準(zhǔn)提供了哪些新的API？

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

2：媒體控制，也很好理解(直譯就是回放功能，假如只用html5.0以下的標(biāo)簽寫，以前的音樂播放是不可能實(shí)現(xiàn)滾動條的。)

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

4：文檔編輯，應(yīng)該是更好的支持對文檔的編輯。

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

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

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

8：MIME頭自定義

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

10：地理位置共享

11：本地?cái)?shù)據(jù)庫

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

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

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

11.HTML5 新的表單元素：

網(wǎng)頁題目：前端面試題總結(jié)——Html5（持續(xù)更新中）
文章出自：http://bm7419.com/article22/jccpcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、網(wǎng)站設(shè)計(jì)公司、定制網(wǎng)站、云服務(wù)器、網(wǎng)站建設(shè)

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

猜你還喜歡下面的內(nèi)容

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

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

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

2.HTML5的form如何關(guān)閉自動完成功能？

3.HTML5 中如何嵌入音頻？

4.HTML5 中如何嵌入視頻？

5.除了 audio 和 vidio，HTML5還有哪些媒體標(biāo)簽？

6.HTML5 canvas 元素有什么作用？