摘要：前端面試每日題，以面試題來驅動學習，每天進步一點讓努力成為一種習慣，讓奮斗成為一種享受相信堅持的力量項目地址推薦歡迎跟一起折騰前端，系統整理前端知識，目前正在折騰，打算打通算法與數據結構的任督二脈。

《論語》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。  
前端面試每日3+1題，以面試題來驅動學習，每天進步一點！  
讓努力成為一種習慣，讓奮斗成為一種享受！
相信 堅持 的力量！！！

項目地址： https://github.com/haizlin/fe...

【推薦】歡迎跟 jsliang 一起折騰前端，系統整理前端知識，目前正在折騰 LeetCode，打算打通算法與數據結構的任督二脈。GitHub 地址

微信公眾號

歡迎大家前來討論，如果覺得對你的學習有一定的幫助，歡迎點個Star, 同時歡迎微信掃碼關注 前端劍解 公眾號，并加入 “前端學習每日3+1” 微信群相互交流（點擊公眾號的菜單：進群交流）。

學習不打烊，充電加油只為遇到更好的自己，365天無節假日，每天早上5點純手工發布面試題（死磕自己，愉悅大家）。

希望大家在這浮夸的前端圈里，保持冷靜，堅持每天花20分鐘來學習與思考。

在這千變萬化，類庫層出不窮的前端，建議大家不要等到找工作時，才狂刷題，提倡每日學習！（不忘初心，html、css、javascript才是基石！）

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

希望大家每日去學習與思考，這才達到來這里的目的！！！（不要為了誰而來，要為自己而來！）

html

frame和iframe有什么區別？

頁面布局中的結構與表現分離，那么什么是結構？什么是表現呢？

怎樣去除html標簽之間換行產生的空格？

舉例說明HTML5的Canvas元素有什么用途？

在HTML5中如何組合標題？用哪個元素？

你知道checkbox有幾種狀態嗎？它們分別用來表示什么？

HTML如何創建分區響應圖？

什么是svg？說說svg有什么運用場景？

有好多網站不常用table和iframe這兩個元素，知道原因嗎？

在默認的情況下，使用h1標簽呈現出什么效果?

網站的TDK該怎么設置？它有什么作用？

除了音頻和視頻，HTML5還支持哪些媒體標簽？

如何在HTML5頁面中嵌入音頻和視頻？

說說HTML中的標簽有什么作用？

請描述一下cookies、sessionStorage和localStorage 的區別？

行內元素、塊級元素、空(void)元素分別有哪些？

說說你對accesskey的理解，舉例說明它有什么運用場景？

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

HTML5的頁面可見性（Page Visibility）有哪些應用場景？

列舉出你最常用的meta標簽的寫法和作用

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

寫出以下幾個HTML標簽：字體、居中、文字加粗、下標

HTML5標準提供了哪些新的API？你有用過哪些？

使用HTML5需要遵守哪些設計原則？

有使用過svg嗎？請用svg畫一個圓

請說說你對ISISO8859-2字符集的認識

請描述下元素的href和src有什么區別？

舉例說明你對ol和ul標簽的區別？它們的運用場景分別是什么呢？

a標簽的href和onclick屬性同時存在時哪個先觸發？

怎么使用HTML5來獲取定位？定位不準怎么解決？

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

舉例說明你對HTML5的ruby標簽的理解，都有哪些應用場景？

iframe的使用場景有哪些？

a標簽下的href="javascript:void(0)"起到了什么作用？說說你對javascript:void(0)的理解？

在新窗口打開鏈接的方法是什么？那怎么設置全站鏈接都在新窗口打開？

用HTML5實現手機搖一搖功能你有做過嗎？你知道它的原理嗎？

你有用過HTML5的Device API嗎？說說它都有哪些應用場景？

簡述下HTML的快捷鍵屬性是哪個？并舉例說明有什么用？

HTML5的應用程序緩存與瀏覽器緩存有什么不同？

你有用過HTML5中的datalist標簽嗎？說說你對它的理解

說說你對HTML5的img標簽屬性srcset和sizes的理解？都有哪些應用場景？

HTML5如何識別語音讀出的內容和朗讀指定的內容？

移動web頁面如何自動探測電話號碼？

在a標簽上的四個偽類執行順序是什么？

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

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

怎么在IE8及以下實現HTML5的兼容？

html的a標簽屬性rel="nofollow"有什么作用？

怎樣禁止表單記住密碼自動填充？

寫個例子說明HTML5在移動端如何打開APP？

請寫出喚醒拔打電話、發送郵件、發送短信的例子

HTML5如果不寫 ，頁面還會正常工作么？

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

寫出html提供的幾種空格實體（5種以上）

什么是html的字符實體？版權符號代碼怎么寫？

有使用過HTML5的拖放API嗎？說說你對它的理解

有用過HTML5的webSQL和IndexedDB嗎？說說你對它們的理解

src、href、link的區別是什么？

有用過WebGL嗎？說說你對它的理解

HTML5相對于HTML4有哪些優勢？

你了解HTML5的download屬性嗎？

漸進式渲染是什么？

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

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

web workers有用過嗎？能幫我們解決哪些問題？

From表單提交時為什么會刷新頁面？怎么預防刷新？

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

Ajax與Flash的優缺點分別是什么？

說說你對target="_blank"的理解？有啥安全性問題？如何防范？

說說你對WEB標準和W3C的理解與認識？

HTML5如何使用音頻和視頻？

頁面中怎么嵌入Flash？有哪些方法？寫出來

xml與html有什么區別？

說說video標簽中預加載視頻用到的屬性是什么？

如何讓元素固定在頁面底部？有哪些比較好的實踐？

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

webSocket怎么做兼容處理？

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

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

說說你對cookie和session的理解

html5哪些標簽可以優化SEO?

HTML與XHTML二者有不同?

用一個div模擬textarea的實現

Standards模式和Quirks模式有什么區別？

html和html5有什么區別呢？

說說你對HTML元素的顯示優先級的理解

DOM和BOM有什么區別？

網頁上的驗證碼是為了解決什么問題？說說你了解的驗證碼種類有哪些

你了解什么是無障礙web（WAI）嗎？在開發過程中要怎么做呢？

說說你對標簽的理解

說說你對影子(Shadow)DOM的了解

解釋下你對GBK和UTF-8的理解？并說說頁面上產生亂碼的可能原因

請說說