HTML面試題整理總結

Chao 發布于2019-08-02 14:14 / 1846人閱讀

摘要：前記為了準備春招面試，對自己的知識點進行一個總結積累，第一篇是關于方面的知識點，后續如果遇見新題會進行繼續的補充什么是語義化，有什么好處語義化簡單來說就是，段落使用，側邊欄用，主要內容使用。不存在或形式不正確會導致文檔以混雜模式呈現。

前記

為了準備春招面試，對自己的知識點進行一個總結積累，第一篇是關于HTML方面的知識點，后續如果遇見新題會進行繼續的補充

什么是 HTML 語義化，有什么好處

HTML語義化簡單來說就是，段落使用

，側邊欄用
，主要內容使用
。

有助于構架良好的HTML結構

有助于搜索引擎建立索引、抓取，有利于SEO

有利于不同設備的解析

有利于團隊的開發維護

為什么要在html文件開頭加上一個

告訴瀏覽器使用哪個版本的HTML規范來渲染文檔。DOCTYPE不存在或形式不正確會導致HTML文檔以混雜模式呈現。

HTML5為什么只需要寫？

HTML5不基于SGML，所以不需要引用DTD(DTD 文檔類型定義）。在HTML5中只有一種

在HTML4.01中，聲明引用DTD，因為HTML4.01基于SGML。DTD規定了標記語言的規則，這樣瀏覽器才能正確的呈現內容。在HTML4.01中有三種聲明。

行內元素有哪些？塊級元素有哪些？

行內元素：a、span、img、input、select

塊級元素：div、ul、ol、li、p

meta viewport 是做什么用的，怎么寫？

控制頁面在移動端不要縮小顯示。

HTML5的新增特性

新增加了圖像、位置、存儲、多任務等功能。

新增功能標簽：可以用作畫板的canvas，用于媒介回放的video和audio元素等

本地離線存儲：localStorage長期存儲數據，瀏覽器關閉后數據不丟失;sessionStorage的數據在瀏覽器關閉后自動刪除

語意化更好的標簽：figure、footer、header、aside、time 等標簽

位置API：Geolocation

表單控件：calendar date time email url search

新的技術：Web Worker(web worker是運行在后臺的 JavaScript，獨立于其他腳本，不會影響頁面的性能。您可以繼續做任何愿意做的事情：點擊、選取內容等等，而此時 web worker 在后臺運行) Web Socket

拖放API：drag、drop

離線網路程序：能夠讓網頁在客戶端本地高效地離線運行。

History API：允許對瀏覽器歷史記錄進行操作。這對于那些交互地加載新信息的頁面尤其有用。

介紹一下你對瀏覽器內核的理解？

主要分成兩部分：渲染引擎(Layout Engine或Rendering Engine)和JS引擎。

渲染引擎：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。
JS引擎：解析和執行javascript來實現網頁的動態效果。

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

常見的瀏覽器內核及對應瀏覽器

Trident：IE內核

Gecko：Firefox內核

Presto：Opera前內核(已廢棄)

Webkit：Safari內核，Chrome內核原型，開源

Blink：由Google和Opera Software開發，Chrome（28及往后版本）、Opera（15及往后版本）和Yandex瀏覽器中使用

defer 和 async 的區別

沒有defer或async，瀏覽器在遇到script標簽后，會立即加載并執行標簽中的腳本，“立即”指的是在渲染該script標簽之下的文檔元素之前，也就是說不等待后續載入的文檔元素，讀到就加載并執行。

有defer，加載后續文檔元素的過程將和script.js的加載并行進行（異步），但是script.js的執行要在所有元素解析完成之后，DOMContentLoaded事件觸發之前完成。

有async，加載和渲染后續文檔元素的過程將和script.js的加載并行進行（異步），但當script.js加載完后會立即執行，即停止加載和渲染后續文檔元素，執行script.js。

如圖所示，但需要注意以下幾點

關于defer，此圖未盡之處在于它是按照加載順序執行腳本的，這一點要善加利用

關于async，它的腳本加載順序是亂序的，誰先加載完執行誰

云服務器 GPU云服務器 html面試題提權總結整理貼面試題棧面試題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53663.html

Java面試前需要了解的東西

摘要：我在面試前針對基礎也花了不少的時間，期間也將自己寫過的博文粗略地刷了一遍，同時也在網上找了不少比較好的資料部分是沒看完的。看面試題也是校驗自己是否真正理解了這個知識點，也很有可能會有新的收獲。一、前言只有光頭才能變強回顧前面：廣州三本找Java實習經歷上一篇寫了自己面試的經歷和一些在面試的時候遇到的題目(筆試題和面試題)。我在面試前針對Java基礎也花了不少的時間，期間也將...

renweihub 2019-08-16 12:35 評論0 收藏0
前端秋招面試總結

摘要：前言秋招宣告結束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。前言秋招宣告結束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經歷，相信不亞于當年的高考吧，也許現在想起來高考不算什么，也許只有經歷過秋招的人才懂得找工作的艱辛...

Gu_Yan 2019-08-02 12:04 評論0 收藏0
前端秋招面試總結

摘要：前言秋招宣告結束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。前言秋招宣告結束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經歷，相信不亞于當年的高考吧，也許現在想起來高考不算什么，也許只有經歷過秋招的人才懂得找工作的艱辛...

Scholer 2019-08-29 17:21 評論0 收藏0
前端開發-從入門到Offer - 收藏集 - 掘金

摘要：一些知識點有哪些方法方法前端從入門菜鳥到實踐老司機所需要的資料與指南合集前端掘金前端從入門菜鳥到實踐老司機所需要的資料與指南合集歸屬于筆者的前端入門與最佳實踐。工欲善其事必先利其器-前端實習簡歷篇 - 掘金有幸認識很多在大廠工作的學長，在春招正式開始前為我提供很多內部推薦的機會，非常感謝他們對我的幫助。現在就要去北京了，對第一份正式的實習工作也充滿期待，也希望把自己遇到的一些問題和...

sf_wangchong 2019-08-20 16:10 評論0 收藏0