前端面試題大全（一）

一：對web标準以及W3C的了解與認識

閉合标簽，标簽小寫，不亂嵌套，提高搜尋引擎的搜尋紀律，使用外鍊CSS和js腳本，結構和行為表現的分離，檔案下載下傳與頁面速度更快，内容能被更多的使用者通路呢，内容能被更廣泛的裝置所通路，更少的代碼群組件，容易維護，改版友善，不需要變動頁面内容，提供列印版本而不需要複制内容，提高網站易用性。

二：Xhtml和html有什麼差別？

html是一種基本的ｗｅｂ網頁設計語言，ｘhtml是一個基于html的置智語言.

最主要的不同：

Ｘhtml元素必須被正确的嵌套，

XHTML 元素必須被關閉

标簽名必須小寫

XHTML 文檔必須擁有根元素

三：行内元素有哪些？塊級元素有哪些？CSS的和模型？

塊級元素：div,p,h1-h6,form,ul,body,select,textarea,table,button,hr,ol,dl,center

行内元素：a,b,br,i,span,img,input,lable,title,em,strong

ｃｓｓ盒模型：border(邊框),margin(外邊距),padding(内邊距),content(内容)

四：頁面導入樣式時，使用link和@import有什麼差別？

頁面中使用CSS的方式主要有3種：行内添加定義style屬性值，頁面頭部内嵌調用和外面連結調用，其中外面引用有兩種：link和@import。外部引用CSS兩種方式link和@import的方式分别是： 

XML/HTML代碼

<link rel="stylesheet" rev="stylesheet" href="CSS檔案" target="_blank" rel="external nofollow" type="text/css" media="all" />

XML/HTML代碼 

<style type="text/css" media="screen">

@import url("CSS檔案");

</style>

兩者都是外部引用CSS的方式，但是存在一定的差別：

差別1：link是XHTML标簽，除了加載CSS外，還可以定義RSS等其他事務；@import屬于CSS範疇，隻能加載CSS。

差別2：link引用CSS時，在頁面載入時同時加載；@import需要頁面網頁完全載入以後加載。

差別3：link是XHTML标簽，無相容問題；@import是在CSS2.1提出的，低版本的浏覽器不支援。

差別4：ink支援使用Javascript控制DOM去改變樣式；而@import不支援。

五：談談對浏覽器核心的了解，常見的浏覽器核心有哪些？

浏覽器核心主要分成兩部分：渲染引擎和ｊｓ引擎

渲染引擎：負責取得網頁的内容（html,xml圖像等），整理訊息（例如加入ｃｓｓ等），以及計算網頁的顯示方式，然後輸出至顯示器或列印機。浏覽器的核心的不同對于網頁的文法了解會有不同，是以渲染的效果也不相同。所有網頁浏覽器，電子郵件用戶端以及其他需要編輯，顯示網絡内容的應用程式都要核心。

ｊｓ引擎：解析和執行javascript來實作網頁的動态效果。

最開始渲染引擎和ｊｓ引擎并沒有區分的很明确，後來ｊｓ引擎越來越獨立，核心就傾向于隻指渲染引擎。

常見的浏覽器核心：

1.Trident核心：代表作品是IE

2.Gecko核心：代表作品Firefox

3.Webkit核心：代表作品是Safari

4.prosto核心：Opera

5.Blink核心：chrome