前端面試題-<!DOCTYPE>

468122151 發布于2019-08-01 18:42 / 2107人閱讀

摘要：三瀏覽器模式為了能夠很好地顯示滿足標準的頁面，又能最大程度兼容不合法的。標準模式標準模式瀏覽器根據標準來渲染頁面。混雜模式混雜模式瀏覽器采用更加寬松的向后兼容的方式來渲染頁面。

現在的各種前端開發工具都足夠強大，支持插入模板代碼，也就導致我們往往會忽略已經自動生成的代碼，而代碼的第一行 DOCTYPE 聲明，就是最容易忽略的部分。

一、DOCTYPE

DOCTYPE 是 document type(文檔類型的）的簡寫。

1.1 DOCTYPE 的作用

告訴瀏覽器需要通過哪一種規范（文檔類型定義，DTD）解析文檔（比如HTML或XHTML規范）；

二、DTD

DTD（document type definition，文檔類型定義）是一系列的語法規則，用來定義 XML 或 (X)HTML 的文件類型。瀏覽器會使用它來判斷文檔類型， 決定使用何種協議來解析，以及切換瀏覽器模式。

三、瀏覽器模式

為了能夠很好地顯示滿足標準的頁面，又能最大程度兼容不合法的HTML。瀏覽器廠商一般會提供兩種瀏覽器模式。

3.1 標準模式

標準模式（standards mode）：瀏覽器根據W3C標準來渲染頁面。

3.2 混雜模式

混雜模式（quirks mode）：瀏覽器采用更加寬松的、向后兼容的方式來渲染頁面。

混雜模式下，瀏覽器會模仿舊瀏覽器的行為，比如IE6，在此基礎上兼容新的標準特性。混雜模式又稱兼容模式、怪異模式等。

四、DOCTYPE 切換

瀏覽器根據不同的 DOCTYPE 選擇不同的渲染方法就叫做 DOCTYPE 切換。其實 DOCTYPE切換就是用來識別和兼容舊網頁的。

五、的重要性 5.1 聲明文檔的解析類型(document.compatMode)，避免瀏覽器的怪異模式

如果你是使用最新標準編寫的頁面但未給出 DOCTYPE 聲明，這時就可能會出現一些怪異的行為。但若你聲明了，那么瀏覽器等同于進入了標準模式，并且按照W3C標準渲染頁面。

GPU云服務器云服務器 python &lt&gt java &lt=&gt java&lt &gt asp &lt&gt

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

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

前端技術之_CSS詳解第一天

摘要：前端技術之詳解第一天一部分略。。。。中國主要城市北京上海廣州美國主要城市紐約洛杉磯華盛頓西雅圖在瀏覽器中，默認是不會增加任何的效果改變的，但是語義變了，中的所有元素是一個小區域。前端技術之_CSS詳解第一天一html部分略。。。。二、列表列表有3種2.1 無序列表無序列表，用來表示一個列表的語義，并且每個項目和每個項目之間，是不分先后的。ul就是英語unordered list，無序列表的意...

番茄西紅柿 2019-04-23 13:46 評論0 收藏0
web前端（10）—— 浮動，清除默認樣式

如果在一行內寫文字，文字過多，那么瀏覽器會自動換行去顯示我們的文字文檔流還有其他現象底部對齊，高矮不管文字還有圖片大小不一，都會讓我們頁面的元素出現高矮不齊的現象，但是在瀏覽器查看我們的頁面總會發現底邊對齊例：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>t...

番茄西紅柿 2019-04-23 13:11 評論0 收藏0
Python必考五大面試題是什么？下文給大家解答

　　小編寫這篇文章的一個主要目的，主要是來給大家做個介紹，介紹的內容主要是涉及到Python一些試題的講解，小編給大家總結出來了五道必考的題目，大家可要仔細閱讀哦，下面就給大家詳細解答。　　1、使用while循環實現輸出2-3+4-5+6...+100的和　　#方法一　　#從2開始計算　　i=2 　　#定義一個變量用于保存結果　　sum=0 　　whilei<=100: 　　i...

89542767 2022-12-14 16:12 評論0 收藏0
JS手寫bind之處理new的情況詳解

　　你有遇見過給bind返回的函數做new操作的場景，本篇主要講述的就是實現一下兼容new操作的bind寫法，順便學習一下new操作符，為大家提供下參考。　　大家可以去看下關于 JS 中 bind 方法的實現的文章，并給出了實現：　　Function.prototype.myBind=function(thisArg,...prefixArgs){ 　　constfn=this; 　　return...

3403771864 2022-11-19 22:09 評論0 收藏0