1.  主流的瀏覽器都有哪些？?jī)?nèi)核分別是什么？

答：（1）瀏覽器：谷歌（chrome），火狐（Firefox），IE，歐朋（opera），蘋(píng)果（safari）

（2）內(nèi) 核：blink(谷歌/歐朋)，gecko（火狐），trident（IE），webkit（蘋(píng)果）

注：(1)2013年4月3日，谷歌對(duì)外宣布，停止使用webkit作為chrome瀏覽器的渲染引擎，但是webkit并不會(huì)被馬上淘汰，而是作為全新渲染引擎”blink”的后臺(tái)技術(shù)。Blink對(duì)于webkit來(lái)說(shuō)，精簡(jiǎn)了代碼，在針對(duì)DOM框架上更友善，安全性也有所提升。（webkit由谷歌，蘋(píng)果，Adobe共同開(kāi)發(fā)推動(dòng)，blink是webkit的升級(jí)版）

(2)瀏覽器內(nèi)核分為兩個(gè)部分：1渲染引擎：負(fù)責(zé)生成DOM樹(shù)，render，repaint等工作；2js引擎：負(fù)責(zé)js的解釋執(zhí)行。（渲染引擎是兼容性出現(xiàn)的根本原因）。

2.  前端頁(yè)面由哪三層構(gòu)成？其作用分別是什么？

答：（1）結(jié)構(gòu)層（html/超文本標(biāo)記語(yǔ)言）：從語(yǔ)義的角度搭建網(wǎng)頁(yè)結(jié)構(gòu)；

（2）表示層（css/層疊式樣式表）： 從裝飾的角度美化頁(yè)面；

（3）行為層（javascript）：從交互的角度描述我們的頁(yè)面行為。

注：什么是web語(yǔ)義化：用含有語(yǔ)義的標(biāo)簽來(lái)描述頁(yè)面結(jié)構(gòu)。

3.  為什么要語(yǔ)義化？基于此，在寫(xiě)頁(yè)面結(jié)構(gòu)的時(shí)候要注意什么？

答：3.1(1)在沒(méi)有css代碼時(shí)也可呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)，代碼結(jié)構(gòu)清晰既可以提高用戶體驗(yàn)，也更方便機(jī)器讀懂代碼；

(2)方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器等以語(yǔ)義的方式渲染頁(yè)面；

(3)利于SEO優(yōu)化，語(yǔ)義能和搜索引擎建立良好的聯(lián)系，有利于爬蟲(chóng)獲取信息；

4)便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)（可以讓開(kāi)發(fā)者快速的熟悉代碼，使得工作交接更方便），語(yǔ)義化更具有可讀性（遵循W3C標(biāo)準(zhǔn)規(guī)范化）；

3.2

(1)盡可能少的使用沒(méi)有語(yǔ)義的（如div）元素;

(2)在對(duì)語(yǔ)義要求不明顯時(shí)，盡量使用有語(yǔ)義的標(biāo)簽（div和p時(shí)，盡量使用p，因?yàn)閜有默認(rèn)樣式，可以兼容不同終端）;

(3)不要使用純樣式標(biāo)簽（如b，font等），要用css設(shè)置樣式;

(4)使用表格時(shí)，標(biāo)題要用caption，表頭thead，等;

4.  Html5骨架

gbk(中文)-->

web前端

注：html版本：(1)strict：嚴(yán)格版，不允許使用廢棄標(biāo)簽;

(2)transitional：過(guò)度版，可以使用一些廢棄標(biāo)簽b,u,i來(lái)制作css里的鉤子 (標(biāo)簽必須小寫(xiě)，屬性值必須用雙引號(hào)包裹，結(jié)束標(biāo)簽必須有”/”);

(3)frameset:框架 。

5.  DOCTYPE是什么，有什么作用？

答：(1)DOCTYPE：Document Type Declaration（文檔類型聲明，縮寫(xiě) DTD）。一般位于一個(gè)HTML文檔的最前面（根元素的起始標(biāo)簽）之前。(2)用來(lái)確定當(dāng)前文檔的類型，以決定需要采用的渲染模式（不同的渲染模式會(huì)影響到瀏覽器對(duì)于css甚至jsjavaScript腳本的解析）。DOCTYPE不存在或形式不正確會(huì)導(dǎo)致HTML文檔以混雜模式呈現(xiàn)(混雜模式不可取，完全沒(méi)有兼容可言)。

6.   HTML5為什么只需要寫(xiě) ？

答：(1)HTML5不基于SGML（Standard Generalized Markup Language 標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言），因此不需要對(duì)DTD（DTD 文檔類型定義）進(jìn)行引用，但是需要DOCTYPE來(lái)規(guī)范瀏覽器行為。

(2)HTML4.01基于SGML，所以需要引用DTD。才能告知瀏覽器文檔所使用的文檔類型，如下：

7.  HTML5有哪些新特性,移除了那些元素？如何處理HTML5新標(biāo)簽的瀏覽器兼容問(wèn)題？

答：新增元素：

(1)canvas

(2)用于媒介回放的video和audio元素

(3)本地離線存儲(chǔ)。localStorage長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessionStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除

(4)語(yǔ)意化更好的內(nèi)容元素，比如 article footer header nav section

(5)位置API：Geolocation

(6)表單控件，calendar date time email url search

(7)新的技術(shù)：web worker(web worker是運(yùn)行在后臺(tái)的 JavaScript，獨(dú)立于其他腳本，不會(huì)影響頁(yè)面的性能。您可以繼續(xù)做任何愿意做的事情：點(diǎn)擊、選取內(nèi)容等等，而此時(shí) web worker 在后臺(tái)運(yùn)行) web socket

(8)拖放API：drag、drop

移除的元素：

純表現(xiàn)的元素：basefont 、big 、center 、font 、s 、strike、tt、u

性能較差元素：frame、 frameset 、noframes

8.關(guān)于meta標(biāo)簽的seo優(yōu)化：

答：(1)    查找關(guān)鍵字：

(2)    網(wǎng)頁(yè)描述：