摘要：前端開(kāi)發(fā)面試題站點(diǎn)地址全棧開(kāi)發(fā)原文鏈接前端開(kāi)發(fā)面試題作用標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別聲明位于文檔中的第一行，處于標(biāo)簽之前，告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析。如果需要使用，最好是通過(guò)動(dòng)態(tài)給添加屬性值，可以繞開(kāi)以上兩個(gè)問(wèn)題。

站點(diǎn)地址：全棧開(kāi)發(fā)
原文鏈接：前端開(kāi)發(fā)面試題

Doctype作用？標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別？

1、聲明位于HTML文檔中的第一行，處于標(biāo)簽之前，告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析。DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)。
2、標(biāo)準(zhǔn)模式的排版和JS運(yùn)行模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。在兼容模式中，頁(yè)面以寬松的向后兼容的方式顯示，模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作。

HTML5為什么只需要寫？

HTML5不基于SGML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言)，因此不需要對(duì)DTD(文檔類型定義)進(jìn)行引用，但是需要doctype來(lái)規(guī)范瀏覽器的行為（讓瀏覽器按照它們應(yīng)該的方式來(lái)運(yùn)行）
HTML4.01基于SGML，所以需要對(duì)DTD進(jìn)行引用，才能告知瀏覽器文檔所使用的文檔類型。

行內(nèi)元素有哪些？塊級(jí)元素有哪些？空（void）元素有哪些？

首先：CSS規(guī)范規(guī)定，每個(gè)元素都有display屬性，確定鈣元素的類型，每個(gè)元素都有默認(rèn)的display值，如div的display默認(rèn)值為block，都是塊級(jí)元素；span默認(rèn)display屬性值為inline，是行內(nèi)元素。
1、行內(nèi)元素：a、b、span、img、input、select、strong（強(qiáng)調(diào)的語(yǔ)氣）
2、塊級(jí)元素：div、ul、ol、li、dl、dt、dd、h1、h2、h3、h4、p
3、常見(jiàn)的空元素：br、hr、img、input、link、meta
   不常用的空元素：area、base、col、command、embed、keygen、param、source、track、wbr

頁(yè)面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別？

1、link屬于XHTML標(biāo)簽，除了加載CSS外，還能用于定義RSS，定義rel連接屬性等作用；而@import是CSS提供的，只能用于加載CSS。
2、頁(yè)面被加載時(shí)，link會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面被加載完再加載。
3、import是CSS2.1提出的，只在IE5以上才能被識(shí)別，而link是XHTML標(biāo)簽，無(wú)兼容問(wèn)題。
4、link支持使用JS控制DOM改變樣式，而@import不支持。

介紹一下你對(duì)瀏覽器內(nèi)核的理解？

主要分成兩部分：渲染引擎（layout或engine）和JS引擎。
渲染引擎：負(fù)責(zé)取得網(wǎng)頁(yè)的內(nèi)容（HTML、XML、圖像等）、整理信息（加入CSS等），以及計(jì)算網(wǎng)頁(yè)的顯示方式，然后輸出到顯示器或打印機(jī)。瀏覽器的內(nèi)核的不同對(duì)網(wǎng)頁(yè)的語(yǔ)法解釋會(huì)有不同，所以渲染的效果也不相同。所有網(wǎng)頁(yè)瀏覽器、電子郵件客戶端以及其他需要編輯、顯示網(wǎng)絡(luò)內(nèi)容的應(yīng)用程序都需要內(nèi)核。
JS引擎：解析和執(zhí)行JS來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果。
最開(kāi)始渲染引擎和JS引擎并沒(méi)有區(qū)分額很明確，后來(lái)JS引擎越來(lái)越獨(dú)立，內(nèi)核就傾向于只是指渲染引擎。

常見(jiàn)的瀏覽器內(nèi)核有哪些？

Trident內(nèi)核：IE，MaxThon，TT，The World，360，搜狗瀏覽器等[MSHTML]
Gecko內(nèi)核：Netscape6及以上版本，F(xiàn)F，MozillaSuite/SeaMonkey等
Presto內(nèi)核：Opera7及以上[Opera內(nèi)核原為：Presto，現(xiàn)為：Blink]
Webkit內(nèi)核：Safari，Chrome等[Chrome：Blink（Webkit的分支）]

HTML5有哪些新特性、移除了哪些元素？如何處理HTML5新標(biāo)簽的瀏覽器兼容問(wèn)題？如何區(qū)分HTML和HTML5？

HTML5現(xiàn)在已經(jīng)不是SGML的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。
繪畫canvas
用于媒介回放的video和audio元素
本地離線存儲(chǔ)localStorage長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
sessionStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除
語(yǔ)義化更好的內(nèi)容元素，比如article、footer、header、nav、section
表單控件：calendar、date、time、email、url、search
新技術(shù)：webworker、websocket、Geolocation
移除的元素：
純表現(xiàn)的元素：basefont、big、center、font、s、strike、tt、u
對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame、frameset、noframes
支持HTML5新標(biāo)簽：
IE8/IE7/IE6支持通過(guò)document.createElement方法產(chǎn)生的標(biāo)簽，可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽，瀏覽器支持新標(biāo)簽后，還需要添加默認(rèn)的樣式。
也可以直接使用成熟的框架，如html5shim：

              
  

                  
最新活動(dòng)