1、DOCTYPE作用？標準模式與兼容模式各有什麼區別?
1-1、DOCTYPE的作用
doctype聲明在網頁中是必不可少的，它是一種標準通用標記語言的文檔類型聲明，主要是爲了告訴瀏覽器（標準通用語言解析器）應該使用什麼文檔類型來解析文檔。
1-2、標準模式與兼容模式
標準模式：行爲即由HTML和CSS的規範描述的行爲
兼容模式：也叫怪異模式，排版會實現IE的非標準行爲
1> 盒模型
在嚴格模式中 ：width是內容寬度 ，元素真正的寬度 = width;
在兼容模式中 ：width則是=width+padding+border
2> 元素寬高的設置
在標準模式下，給span等行內元素設置wdith和height都不會生效，而在兼容模式下，則會生效。
在標準模式下，一個元素的高度是由其包含的內容來決定的，如果父元素沒有設置高度，子元素設置一個百分比的高度是無效的。
3> 用margin:0 auto設置水平居中在IE下會失效
使用margin:0 auto在標準模式下可以使元素水平居中，但在兼容模式下卻會失效（用text-align屬性解決【body{text-align:center};#content{text-align:left}】）
2、XHTML和HTML的區別
XTHML元素必須被正確的嵌套
XHTML元素必須被正確的關閉
XHTML元素的標籤名必須使用小寫
XHTML文檔必須擁有根元素
XHTML的標準是嚴格的，他必須遵循以上要求：<br>這樣的寫法是不允許的，他必須寫成<br/> 這個樣式纔是正確的。
3、前端頁面由哪幾部分構成，分別是什麼？作用是什麼？
3-1、構成
前端頁面主要由結構（HTML）、表現（CSS）和行爲（JavaScript）三部分組成。
3-2、作用
HTML實現頁面結構；CSS操作頁面表現；JavaScript實現頁面行爲。
4、什麼是語義化的HTML？爲什麼要做到語義化？
4-1、語義化
語義化是指根據內容的結構化（內容語義化），選擇合適的標籤（代碼語義化）。便於開發者閱讀和寫出更優雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。
例如：實現一個按鈕，我們可以使用<button>按鈕</button>標籤，也可以使用<div>按鈕</div>標籤代替；更好的做法是：我們使用button標籤，而不是div標籤。
4-2、語義化的好處
1>、有利於SEO，便於搜索引擎爬蟲更好的理解我們的網頁，從而獲取更多有效的信息，提升網頁的權重【爬蟲依賴於標籤來確定上下文和各個關鍵字的權重】
2>、在沒有CSS的時候，能夠清楚的看出網頁結構，增強頁面的可讀性
3>、便於團隊開發和維護，方便開發者閱讀，從而提高團隊的效率和協調能力
4>、支持多終端設備的瀏覽器渲染
5、常見的瀏覽器的內核是什麼？
參考網址：https://www.jianshu.com/p/6efcccb5ed43
6、HTML與HTML5
6-1、HTML
1>、文檔類型聲明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"></html>
2>、結構語義化
沒有體現結構語義化的標籤【網站頭部的表示：<div id="header"></div>】
6-2、HTML5
1>、文檔類型聲明
<!DOCTYPE html>
<html></html>
2>、結構語義化
更加語義化，提供了新的header標籤【網站頭部的表示：<header></header>】
7、html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器兼容問題？
1>、定義：
廣義的HTML5指的是包含HTML5、CSS3和JavaScript在內的一套組合技術。
2>、瀏覽器的支持：
火狐、IE9+、safari、谷歌、Opera等
3>、新特性：
3-1> 更加語義化，用戶體驗更加完美
3-2> 本地存儲特性：使得啓動時間更短，聯網時間更快
3-3> 網頁多媒體特性的支持：video、audio
4>、優缺點：
4-1>、優點：
<1> 改善用戶的友好體驗
<2> 多設備、跨平臺
<3> 添加了音頻和視頻
<4> 很好的替代Flash
<5> 涉及到網站的抓取和搜索隊的時候，很好的適應SEO
<6> 被大量的用於應用程序和遊戲
4-2>、缺點：
瀏覽器兼容性不好，IE9以下全軍覆沒
5>、新增的標籤
header、footer、section、article、nav、aside、main、data、time、video、audio、canvas、svg
6>、移除的標籤
big、center、font、s、tt、u
兼容性問題的解決：
1>、動態的創建標籤
document.createElement('header')
2>、用框架的方法，添加條件註釋加JS代碼實現
<!--[if lt IE 9]> <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script> <![endif]-->