1、瀏覽器頁面有哪三層構(gòu)成，分別是什么，作用是什么?
構(gòu)成：結(jié)構(gòu)層、表示層、行為層
分別是：HTML、CSS、JavaScript
作用：HTML實(shí)現(xiàn)頁面結(jié)構(gòu)，CSS完成頁面的表現(xiàn)與風(fēng)格，JavaScript實(shí)現(xiàn)一些客戶端的功能與業(yè)務(wù)。
2、HTML5的優(yōu)點(diǎn)與缺點(diǎn)？
優(yōu)點(diǎn)：
a、網(wǎng)絡(luò)標(biāo)準(zhǔn)統(tǒng)一、HTML5本身是由W3C推薦出來的。
b、多設(shè)備、跨平臺(tái)
c、即時(shí)更新。
d、提高可用性和改進(jìn)用戶的友好體驗(yàn)；
e、有幾個(gè)新的標(biāo)簽，這將有助于開發(fā)人員定義重要的內(nèi)容；
f、可以給站點(diǎn)帶來更多的多媒體元素(視頻和音頻)；
g、可以很好的替代Flash和Silverlight；
h、涉及到網(wǎng)站的抓取和索引的時(shí)候，對(duì)于SEO很友好；
i、被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲。
缺點(diǎn)：
a、安全：像之前Firefox4的web socket和透明代理的實(shí)現(xiàn)存在嚴(yán)重的安全問題，同時(shí)web storage、web socket 這樣的功能很容易被黑客利用，來盜取用戶的信息和資料。
b、完善性：許多特性各瀏覽器的支持程度也不一樣。
c、技術(shù)門檻：HTML5簡(jiǎn)化開發(fā)者工作的同時(shí)代表了有許多新的屬性和API需要開發(fā)者學(xué)習(xí)，像web worker、web socket、web storage 等新特性，后臺(tái)甚至瀏覽器原理的知識(shí)，機(jī)遇的同時(shí)也是巨大的挑戰(zhàn)
d、性能：某些平臺(tái)上的引擎問題導(dǎo)致HTML5性能低下。
e、瀏覽器兼容性：最大缺點(diǎn)，IE9以下瀏覽器幾乎全軍覆沒。
3、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?
（1）、 聲明位于文檔中的最前面，處于標(biāo)簽之前。告知瀏覽器的解析器，用什么文檔類型 規(guī)范來解析這個(gè)文檔。
（2）、嚴(yán)格模式的排版和JS 運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。
（3）、在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。
（4）、DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。
4、?HTML5有哪些新特性、移除了哪些元素？
Html5新增了 27 個(gè)元素，廢棄了 16 個(gè)元素，根據(jù)現(xiàn)有的標(biāo)準(zhǔn)規(guī)范，把 HTML5 的元素按優(yōu)先級(jí)定義為結(jié)構(gòu)性屬性、級(jí)塊性元素、行內(nèi)語義性元素和交互性元素 4 大類。
結(jié)構(gòu)性元素主要負(fù)責(zé)web上下文結(jié)構(gòu)的定義：
section：在 web 頁面應(yīng)用中，該元素也可以用于區(qū)域的章節(jié)描述。
header：頁面主體上的頭部， header 元素往往在一對(duì) body 元素中。
footer：頁面的底部（頁腳），通常會(huì)標(biāo)出網(wǎng)站的相關(guān)信息。
nav：專門用于菜單導(dǎo)航、鏈接導(dǎo)航的元素，是 navigator 的縮寫。
article：用于表現(xiàn)一篇文章的主體內(nèi)容，一般為文字集中顯示的區(qū)域。
級(jí)塊性元素主要完成web頁面區(qū)域的劃分，確保內(nèi)容的有效分割：
aside：用于表達(dá)注記、貼士、側(cè)欄、摘要、插入的引用等作為補(bǔ)充主體的內(nèi)容。
figure：是對(duì)多個(gè)元素進(jìn)行組合并展示的元素，通常與 ficaption 聯(lián)合使用。
code：表示一段代碼塊。
dialog：用于表達(dá)人與人之間的對(duì)話，該元素包含 dt 和 dd 這兩個(gè)組合元素， dt 用于表示說話者，而 dd 用來表示說話內(nèi)容。
行內(nèi)語義性元素主要完成web頁面具體內(nèi)容的引用和描述，是豐富內(nèi)容展示的基礎(chǔ)：
meter：表示特定范圍內(nèi)的數(shù)值，可用于工資、數(shù)量、百分比等。
time：表示時(shí)間值。
progress：用來表示進(jìn)度條，可通過對(duì)其 max 、 min 、 step 等屬性進(jìn)行控制，完成對(duì)進(jìn)度的表示和監(jiān)事。
video：視頻元素，用于支持和實(shí)現(xiàn)視頻文件的直接播放，支持緩沖預(yù)載和多種視頻媒體格式。
audio：音頻元素，用于支持和實(shí)現(xiàn)音頻文件的直接播放，支持緩沖預(yù)載和多種音頻媒體格式。
交互性元素主要用于功能性的內(nèi)容表達(dá)，會(huì)有一定的內(nèi)容和數(shù)據(jù)的關(guān)聯(lián)，是各種事件的基礎(chǔ)：
details：用來表示一段具體的內(nèi)容，但是內(nèi)容默認(rèn)可能不顯示，通過某種手段（如單擊）與 legend 交互才會(huì)顯示出來。
datagrid：用來控制客戶端數(shù)據(jù)與顯示，可以由動(dòng)態(tài)腳本及時(shí)更新。
menu：主要用于交互菜單（曾被廢棄又被重新啟用的元素）。
command：用來處理命令按鈕。
5、你做的網(wǎng)頁在哪些流覽器測(cè)試過,這些瀏覽器的內(nèi)核分別是什么?
a、 IE: trident 內(nèi)核
b、 Firefox ： gecko 內(nèi)核
c、 Safari:webkit 內(nèi)核
d、 Opera: 以前是 presto 內(nèi)核， Opera 現(xiàn)已改用 Google Chrome 的 Blink 內(nèi)核
e、 Chrome:Blink( 基于 webkit ， Google 與 Opera Software 共同開發(fā) )
