1. 程式人生 > >HTML骨架——DTD文檔模型

HTML骨架——DTD文檔模型

mpat 實的 包含 混雜 doctype 技術 standards 使用 自己

技術分享圖片

  • <html> 與 </html> 之間的文本描述網頁
  • <head>與</head>之間的文本為頁面的基本設置信息,除顯示<title>與</title>標簽包含文字信息外,其余標簽信息均不顯示
  • <body> 與 </body> 之間的文本是可見的頁面內容

以下為重點:DTD文檔模型

聲明:<!DOCTYPE >

  HTML也有多個不同的版本,只有完全明白頁面中使用的確切HTML版本,瀏覽器才能完全正確地顯示出HTML頁面。這就是<!DOCTYPE >的作用。

有和無的區別
  1. BackCompat:標準兼容模式未開啟(或叫怪異模式[Quirks mode]、混雜模式)
  2. CSS1Compat:標準兼容模式已開啟(或叫嚴格模式[Standards mode/Strict mode])

  這個屬性會被瀏覽器識別並使用,但是如果你的頁面沒有DOCTYPE的聲明,那麽compatMode默認就是BackCompat,這也就是惡魔的開始 -- 瀏覽器按照自己的方式解析渲染頁面,那麽,在不同的瀏覽器就會顯示不同的樣式。如果你的頁面添加了那麽,那麽就等同於開啟了標準模式,那麽瀏覽器就得老老實實的按照W3C的標準解析渲染頁面,這樣一來,你的頁面在所有的瀏覽器裏顯示的就都是一個樣子了。

有,用什麽?

  Doctype告訴瀏覽器使用什麽樣的html或xhtml規範來解析html文檔, dtd文件則包含了標記、attributes 、properties、約束規則。

三類DTD文檔模型

技術分享圖片

常用的<!DOCTYPE >聲明

HTML5:為PC端和移動端開發

技術分享圖片

XHTML1.0 Transitional (過度版本):為PC端開發 技術分享圖片

HTML骨架——DTD文檔模型