前端面試題學習-HTML-個人總結

這是看別人總結的基礎上再度總結的，總結的鏈接如下

鏈接

1. DOCTYPE 的作用？

告知瀏覽器解析器用何標準解析文檔，若不指定則按相容模式進行解析（向後相容模擬老瀏覽器）。

IE5.5 引入的概念。

HTML5 之後無需指定，因為在之前的都是基於 SGML 的，需要指定 DTD 。

2. 標準模式與相容模式的區別？

標準模式的渲染方式和JS引擎的解析方式以瀏覽器支持的最高標準運行。

相容模式會向後相容模擬老瀏覽器，防止站點無法工作。

3. HTML5 為何只需要寫 !DOCTYPE HTML，無需引入 DTD？

HTML5 不基於 SGML，不需要對 DTD 引用，但需要 DOCTYPE 規範瀏覽器的行為。

4. SGML、HTML、XML、XHTML 之間的不同？

SGML：標準通用置標語言，定義電子文檔結構 + 描述內容的國際標準（始祖）

HTML：超文本標記語言，規定頁面怎麼顯示。

XML：可擴展標記語言，相比 HTML ，標簽種類可以無限擴展。

XHTML：用法比 HTML 嚴格，標簽小寫 + 閉合標簽，僅此。

5. DTD ？

Document Type Definition 文檔類型定義。

機器可讀的規則，定義 XML 或 HTML 的特定版本中允許的元素 + 屬性 + 層級關係。同時也可以用於解析檢測頁面的有效性並採取相應的措施。

簡而言之就是，對 HTML 文檔的聲明，並影響瀏覽器的工作。

6. 行內元素

HTML4 開始，分兩大類： inline （內聯）， block （塊）。

一個行內元素只能占據它對應標簽的邊框所包含的空間。

a b span img strong sub sup button input label select textarea

7. 塊級元素

占據父元素整個寬度。

div ul ol li dl dt dd h1~6 p

往後都是手書（概念自己總結和手寫比較好記住）

瀏覽器渲染相關

HTML5 新特性 + SEO + 瀏覽器存儲 + 語義化標簽

產品評估 + 下載併發 + Flash&Ajax + 重構 + 瀏覽器架構

性能優化 + 新

掃碼實現 + HTML規範不帶協議頭