Zi 字媒體

一般的公司在面試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的bug4.行內元素有哪些?塊級元素有哪些?CSS的盒模型?塊級元素：div p h1 h2 h3 h4 form ul行內元素: a b br i span input selectCss盒模型:內容，border ,margin，padding5.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。