Web前端高薪倒數第二關，初試面試題

一般的公司在面試web前端的時候會出一套面試題，來降低渾水摸魚的情況，同時web前端屬於技術部分，相對於銷售等注重表達來講的工作，一個必須筆試的面試題對於大部分公司還是相當有必要的，而且的而且為了避免一些培訓機構在找去培訓，還是需要學習一些筆試的答題方式的。

同時一般的公司是沒空單獨還出一套題的，人力資源也不懂這些個方面一般都是在網上找的，成套的題，今兒誠築說小編就給大家從網上整理了一些關於web前端的一些大題（選擇什麼的你們自己一定都能行的，大題的關鍵就是抄了不能讓人家發現，記得還要用自己的話表述一下）

1.對WEB標準以及W3C的理解與認識

標籤閉合、標籤小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維 護、改版方便，不需要變動頁面內容、提供列印版本而不需要複製內容、提高網站易用性；

2.xhtml和html有什麼區別

HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言

最主要的不同：

XHTML 元素必須被正確地嵌套。

XHTML 元素必須被關閉。

標籤名必須用小寫字母。

XHTML 文檔必須擁有根元素。

3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?

用於聲明文檔使用那種規範（html/Xhtml）一般為 嚴格 過度 基於框架的html文檔

加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug

4.行內元素有哪些?塊級元素有哪些?CSS的盒模型?

塊級元素：div p h1 h2 h3 h4 form ul

行內元素: a b br i span input select

Css盒模型:內容，border ,margin，padding

5.CSS引入的方式有哪些? link和@import的區別是?

內聯內嵌外鏈導入

區別：同時載入

前者無兼容性，後者CSS2.1以下瀏覽器不支持

Link 支持使用java改變樣式，後者不可

6.清除浮動的幾種方式，各自的優缺點

1.使用空標籤清除浮動 clear:both（理論上能清楚任何標籤，，，增加無意義的標籤）

2.使用overflow:auto（空標籤元素清除浮動而不得不增加無意代碼的弊端,,使用zoom:1用於兼容IE）

3.是用afert偽元素清除浮動(用於非IE瀏覽器)

7.清除浮動有哪些方式？比較好的方式是哪一種？

（1）父級div定義height。

（2）結尾處加空div標籤clear:both。

（3）父級div定義偽類:after和zoom。

（4）父級div定義overflow:hidden。

（5）父級div定義overflow:auto。

（6）父級div也浮動，需要定義寬度。

（7）父級div定義display:table。

（8）結尾處加br標籤clear:both。

(Q2) 比較好的是第3種。

8.介紹一下你對瀏覽器內核的理解？主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

渲染引擎：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然後會輸出至顯示器或印表機。瀏覽器的內核的不同對於網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網路內容的應用程序都需要內核。

JS引擎則：解析和執行java來實現網頁的動態效果。

最開始渲染引擎和JS引擎並沒有區分的很明確，後來JS引擎越來越獨立，內核就傾向於只指渲染引擎。

9.簡述一下你對HTML語義化的理解？

用正確的標籤做正確的事情。

html語義化讓頁面的內容結構化，結構更清晰，便於對瀏覽器、搜索引擎解析;

即使在沒有樣式CSS情況下也以一種文檔格式顯示，並且是容易閱讀的;

搜索引擎的爬蟲也依賴於HTML標記來確定上下文和各個關鍵字的權重，利於SEO;

使閱讀源代碼的人對網站更容易將網站分塊，便於閱讀維護理解。

大概總結了一些難回答的並不是很多，希望能幫助大家。祝大家順利拿到offer。