HTML設計規範[1] 選用符合標準模式的DOCTYPE宣告

061 月

HTML設計規範[1] 選用符合標準模式的DOCTYPE宣告

DOCTYPE文件類型定義有很多種，除了用來識別html/xhtml版本之外，同時也告訴瀏覽器該以哪一種模式來顯示網頁，這段宣告一定不可缺少，而且一定要寫在文件的最頂部。我們統一使用符合標準模式的DOCTYPE宣告，這樣即可以解決大部份跨瀏覽器的呈現問題，例如著名的Box Model相容問題。

HTML 4.01

  • Strict：嚴格定義，過時的語法都禁止使用。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • Transitional：寬鬆定義，允許部份即將過時的語法。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • Frameset：frame網頁使用的。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0

  • Strict：嚴格定義，過時的語法都禁止使用。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/2002/08/xhtml/xhtml1-strict.dtd">
  • Transitional：寬鬆定義，允許部份即將過時的語法。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • Frameset：frame網頁使用的。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 5

  • <!DOCTYPE html>

DOCTYPE我們目前選用的是XHTML 1.0的Transitional模式。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

而後台首頁因為是採用frame的方式，所以改用XHTML 1.0的Frameset模式，但其他被引入的頁面也一樣採用Transitional模式。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Posted by admin  Posted on 06 1 月 
  • HTML, XHTML

    • Post Comments 0