前端面試題學習-HTML-個人總結 這是看別人總結的基礎上再度總結的,總結的鏈接如下 鏈接 1. DOCTYPE 的作用? 告知瀏覽器解析器用何標準解析文檔,若不指定則按相容模式進行解析(向後相容模擬老瀏覽器)。 IE5.5 引入的概念。 HTML5 之後無需指定,因為在之前的都是基於 SGML 的 ...
前端面試題學習-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