摘要：前端面試每日題，以面試題來(lái)驅(qū)動(dòng)學(xué)習(xí)，每天進(jìn)步一點(diǎn)讓努力成為一種習(xí)慣，讓奮斗成為一種享受相信堅(jiān)持的力量項(xiàng)目地址推薦歡迎跟一起折騰前端，系統(tǒng)整理前端知識(shí)，目前正在折騰，打算打通算法與數(shù)據(jù)結(jié)構(gòu)的任督二脈。

《論語(yǔ)》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。  
前端面試每日3+1題，以面試題來(lái)驅(qū)動(dòng)學(xué)習(xí)，每天進(jìn)步一點(diǎn)！  
讓努力成為一種習(xí)慣，讓奮斗成為一種享受！
相信 堅(jiān)持 的力量！！！

項(xiàng)目地址： https://github.com/haizlin/fe...

【推薦】歡迎跟 jsliang 一起折騰前端，系統(tǒng)整理前端知識(shí)，目前正在折騰 LeetCode，打算打通算法與數(shù)據(jù)結(jié)構(gòu)的任督二脈。GitHub 地址

微信公眾號(hào)

歡迎大家前來(lái)討論，如果覺(jué)得對(duì)你的學(xué)習(xí)有一定的幫助，歡迎點(diǎn)個(gè)Star, 同時(shí)歡迎微信掃碼關(guān)注 前端劍解 公眾號(hào)，并加入 “前端學(xué)習(xí)每日3+1” 微信群相互交流（點(diǎn)擊公眾號(hào)的菜單：進(jìn)群交流）。

學(xué)習(xí)不打烊，充電加油只為遇到更好的自己，365天無(wú)節(jié)假日，每天早上5點(diǎn)純手工發(fā)布面試題（死磕自己，愉悅大家）。

希望大家在這浮夸的前端圈里，保持冷靜，堅(jiān)持每天花20分鐘來(lái)學(xué)習(xí)與思考。

在這千變?nèi)f化，類庫(kù)層出不窮的前端，建議大家不要等到找工作時(shí)，才狂刷題，提倡每日學(xué)習(xí)！（不忘初心，html、css、javascript才是基石！）

歡迎大家到Issues交流，鼓勵(lì)PR，感謝Star，大家有啥好的建議可以加我微信一起交流討論！

希望大家每日去學(xué)習(xí)與思考，這才達(dá)到來(lái)這里的目的！！！（不要為了誰(shuí)而來(lái)，要為自己而來(lái)！）

html

frame和iframe有什么區(qū)別？

頁(yè)面布局中的結(jié)構(gòu)與表現(xiàn)分離，那么什么是結(jié)構(gòu)？什么是表現(xiàn)呢？

怎樣去除html標(biāo)簽之間換行產(chǎn)生的空格？

舉例說(shuō)明HTML5的Canvas元素有什么用途？

在HTML5中如何組合標(biāo)題？用哪個(gè)元素？

你知道checkbox有幾種狀態(tài)嗎？它們分別用來(lái)表示什么？

HTML如何創(chuàng)建分區(qū)響應(yīng)圖？

什么是svg？說(shuō)說(shuō)svg有什么運(yùn)用場(chǎng)景？

有好多網(wǎng)站不常用table和iframe這兩個(gè)元素，知道原因嗎？

在默認(rèn)的情況下，使用h1標(biāo)簽呈現(xiàn)出什么效果?

網(wǎng)站的TDK該怎么設(shè)置？它有什么作用？

除了音頻和視頻，HTML5還支持哪些媒體標(biāo)簽？

如何在HTML5頁(yè)面中嵌入音頻和視頻？

說(shuō)說(shuō)HTML中的標(biāo)簽有什么作用？

請(qǐng)描述一下cookies、sessionStorage和localStorage 的區(qū)別？

行內(nèi)元素、塊級(jí)元素、空(void)元素分別有哪些？

說(shuō)說(shuō)你對(duì)accesskey的理解，舉例說(shuō)明它有什么運(yùn)用場(chǎng)景？

HTML5怎么為輸入框添加語(yǔ)音輸入的功能呢？

HTML5的頁(yè)面可見(jiàn)性（Page Visibility）有哪些應(yīng)用場(chǎng)景？

列舉出你最常用的meta標(biāo)簽的寫(xiě)法和作用

Doctype有什么作用？你知道有多少種Doctype文檔類型嗎？

寫(xiě)出以下幾個(gè)HTML標(biāo)簽：字體、居中、文字加粗、下標(biāo)

HTML5標(biāo)準(zhǔn)提供了哪些新的API？你有用過(guò)哪些？

使用HTML5需要遵守哪些設(shè)計(jì)原則？

有使用過(guò)svg嗎？請(qǐng)用svg畫(huà)一個(gè)圓

請(qǐng)說(shuō)說(shuō)你對(duì)ISISO8859-2字符集的認(rèn)識(shí)

請(qǐng)描述下元素的href和src有什么區(qū)別？

舉例說(shuō)明你對(duì)ol和ul標(biāo)簽的區(qū)別？它們的運(yùn)用場(chǎng)景分別是什么呢？

a標(biāo)簽的href和onclick屬性同時(shí)存在時(shí)哪個(gè)先觸發(fā)？

怎么使用HTML5來(lái)獲取定位？定位不準(zhǔn)怎么解決？

舉例說(shuō)明如何原樣輸出HTML代碼，不被瀏覽器解析？

舉例說(shuō)明你對(duì)HTML5的ruby標(biāo)簽的理解，都有哪些應(yīng)用場(chǎng)景？

iframe的使用場(chǎng)景有哪些？

a標(biāo)簽下的href="javascript:void(0)"起到了什么作用？說(shuō)說(shuō)你對(duì)javascript:void(0)的理解？

在新窗口打開(kāi)鏈接的方法是什么？那怎么設(shè)置全站鏈接都在新窗口打開(kāi)？

用HTML5實(shí)現(xiàn)手機(jī)搖一搖功能你有做過(guò)嗎？你知道它的原理嗎？

你有用過(guò)HTML5的Device API嗎？說(shuō)說(shuō)它都有哪些應(yīng)用場(chǎng)景？

簡(jiǎn)述下HTML的快捷鍵屬性是哪個(gè)？并舉例說(shuō)明有什么用？

HTML5的應(yīng)用程序緩存與瀏覽器緩存有什么不同？

你有用過(guò)HTML5中的datalist標(biāo)簽嗎？說(shuō)說(shuō)你對(duì)它的理解

說(shuō)說(shuō)你對(duì)HTML5的img標(biāo)簽屬性srcset和sizes的理解？都有哪些應(yīng)用場(chǎng)景？

HTML5如何識(shí)別語(yǔ)音讀出的內(nèi)容和朗讀指定的內(nèi)容？

移動(dòng)web頁(yè)面如何自動(dòng)探測(cè)電話號(hào)碼？

在a標(biāo)簽上的四個(gè)偽類執(zhí)行順序是什么？

favicon.ico有什么作用？怎么在頁(yè)面中引用？常用尺寸有哪些？可以修改后綴名嗎？

video和audio分別支持哪些格式？

怎么在IE8及以下實(shí)現(xiàn)HTML5的兼容？

html的a標(biāo)簽屬性rel="nofollow"有什么作用？

怎樣禁止表單記住密碼自動(dòng)填充？

寫(xiě)個(gè)例子說(shuō)明HTML5在移動(dòng)端如何打開(kāi)APP？

請(qǐng)寫(xiě)出喚醒拔打電話、發(fā)送郵件、發(fā)送短信的例子

HTML5如果不寫(xiě) ，頁(yè)面還會(huì)正常工作么？

html直接輸入多個(gè)空格為什么只能顯示一個(gè)空格？

寫(xiě)出html提供的幾種空格實(shí)體（5種以上）

什么是html的字符實(shí)體？版權(quán)符號(hào)代碼怎么寫(xiě)？

有使用過(guò)HTML5的拖放API嗎？說(shuō)說(shuō)你對(duì)它的理解

有用過(guò)HTML5的webSQL和IndexedDB嗎？說(shuō)說(shuō)你對(duì)它們的理解

src、href、link的區(qū)別是什么？

有用過(guò)WebGL嗎？說(shuō)說(shuō)你對(duì)它的理解

HTML5相對(duì)于HTML4有哪些優(yōu)勢(shì)？

你了解HTML5的download屬性嗎？

漸進(jìn)式渲染是什么？

HTML5中新添加的表單屬性有哪些？

你有了解HTML5的地理定位嗎？怎么使用？

web workers有用過(guò)嗎？能幫我們解決哪些問(wèn)題？

From表單提交時(shí)為什么會(huì)刷新頁(yè)面？怎么預(yù)防刷新？

Form表單是怎么上傳文件的？你了解它的原理嗎？

Ajax與Flash的優(yōu)缺點(diǎn)分別是什么？

說(shuō)說(shuō)你對(duì)target="_blank"的理解？有啥安全性問(wèn)題？如何防范？

說(shuō)說(shuō)你對(duì)WEB標(biāo)準(zhǔn)和W3C的理解與認(rèn)識(shí)？

HTML5如何使用音頻和視頻？

頁(yè)面中怎么嵌入Flash？有哪些方法？寫(xiě)出來(lái)

xml與html有什么區(qū)別？

說(shuō)說(shuō)video標(biāo)簽中預(yù)加載視頻用到的屬性是什么？

如何讓元素固定在頁(yè)面底部？有哪些比較好的實(shí)踐？

解釋下什么是ISISO8859-2字符集？

webSocket怎么做兼容處理？

html5都有哪些新的特性？移除了哪些元素？

title與h1、b與strong、i與em的區(qū)別分別是什么？

說(shuō)說(shuō)你對(duì)cookie和session的理解

html5哪些標(biāo)簽可以優(yōu)化SEO?

HTML與XHTML二者有不同?

用一個(gè)div模擬textarea的實(shí)現(xiàn)

Standards模式和Quirks模式有什么區(qū)別？

html和html5有什么區(qū)別呢？

說(shuō)說(shuō)你對(duì)HTML元素的顯示優(yōu)先級(jí)的理解

DOM和BOM有什么區(qū)別？

網(wǎng)頁(yè)上的驗(yàn)證碼是為了解決什么問(wèn)題？說(shuō)說(shuō)你了解的驗(yàn)證碼種類有哪些

你了解什么是無(wú)障礙web（WAI）嗎？在開(kāi)發(fā)過(guò)程中要怎么做呢？

說(shuō)說(shuō)你對(duì)標(biāo)簽的理解

說(shuō)說(shuō)你對(duì)影子(Shadow)DOM的了解

解釋下你對(duì)GBK和UTF-8的理解？并說(shuō)說(shuō)頁(yè)面上產(chǎn)生亂碼的可能原因

請(qǐng)說(shuō)說(shuō)