jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

wmh 發表於 2007-10-6 11:32

[轉貼] Transitional vs. Strict Markup

原文地址:[url=http://24ways.org/advent/transitional-vs-strict-markup]http://24ways.org/advent/transitional-vs-strict-markup[/url]
作者:[url=http://www.456bereastreet.com/]Roger Johansson[/url]

簡體中文:[url=http://chn.blogbeta.com/113.html]http://chn.blogbeta.com/113.html[/url]
翻譯:[url=http://www.junchenwu.com/]JunChen[/url]

推廣Web Standards的人經常說XHTML比HTML更加嚴格,當然從某種意義上說是這樣的,比如它要求所有的標籤成對且所有的屬性都用引號。但其實XHTML 1.0還分兩種(加上Frameset DOCTYPE的話算三種,本文不討論),Transitional(過渡型)和Strict(嚴格)DOCTYPEs。並且HTML 4.01也有同樣的文檔聲明。

從字面上就可以看出來意思:Transitional DOCTYPEs只是為了實現從舊時代到新時代的過渡,而且Strict DOCTYPEs才是預設的, 對構築HTML 4.01和XHTML 1.0都適用。

使用Transitional DOCTYPE一般是由於代碼中含有過多陳舊的寫法,並且一下子很難完全轉換到Strict DOCTYPE來。但是Strict DOCTYPE才應該是你的目標。它鼓勵甚至有時是強迫你把結構與表現區分開來,把表現層的代碼都寫在CSS裏。[url=http://www.w3.org/TR/html4/sgml/dtd.html]HTML 4 Document Type Definition[/url]:

[quote]本HTML 4.01 Strict DTD不包括表現層屬性和標籤,W3C將逐漸淘汰這些屬性和標籤,您完全可以使用樣式表來實現。您應該使用Strict DTD,如需獲得表現層屬性和標籤的支援,請使用Transitional DTD。[/quote]

用Strict DOCTYPE還有一個好處,即可以讓瀏覽器使用它們最嚴格、(一定程度上)最符合標準的模式來顯示頁面。

Tommy Olsson在Web Standards Group的[url=http://webstandardsgroup.org/features/tommy-olsson.cfm]Ten questions for Tommy Olsson[/url]一文中很好的闡述了使用Strict的好處:

[quote]我覺得,使用Strict DTD,無論是HTML 4.01 Strict還是XHTML 1.0 Strict,遠比討論是用HTML還是XHTML重要的多。它代表了未來網際網路的品質。它將結構和表現分開,使得維護一個網站非常容易。[/quote]

對於剛開始接觸網頁標準和正確的、語義化的結構的人,認清Transitional和Strict DOCTYPEs的區別非常重要。更多詳細列表請參考:[url=http://liorean.web-graphics.com/xhtml/comparison.loose-strict.html]XHTML: Differences between Strict & Transitional[/url]、[url=http://www.zvon.org/xxl/xhtmlReference/Output/comparison.html]Comparison of Strict and Transitional XHTML[/url]和[url=http://www.blackwidows.org.uk/resources/tutorials/xhtml/attribute-comparison.html]XHTML1.0 Element Attributes by DTD[/url]。

對於準備向Strict進發的人來說,兩者的有些區別很可能會使開發者犯錯誤,接下來我將會談到。

[b]在Strict DOCTYPEs下不支持的標籤[/b][list][*]center[*]font[*]iframe[*]srike[*]u[/list][b]在Strict DOCTYPEs下不支援的屬性[/b][list][*]align (表格相關的支援:col, colgroup, tbody, td, tfoot, th, thead, and tr)[*]language[*]background[*]bgcolor[*]border (table支持)[*]height (img和object支持)[*]hspace[*]name (在HTML 4.01 Strict中支持,XHTML 1.0 Strict中的form和img不支持)[*]noshade[*]nowrap[*]target[*]text, link, vlink, 和alink[*]vspace[*]width (img, object, table, col, 和 colgroup都支持)[/list][b]內容模型的區別[/b]

元素類型的內容模型描述了什麼樣的元素類型實例可以被包含。這一點上,兩種文檔聲明的最大區別在於blockquote, body, 和form元素僅能夠包含塊級元素,如:[list][*]文本和圖像不允許直接包含在body中,必須被p或者div等塊級元素包含[*]input元素不能直接是form元素的下一層[*]blockquote元素內的文本,必須被p或者div等塊級元素包含[/list][b]將所有的表現都交給CSS,恪守Strict標準[/b]

在向Strict DOCTYPEs過渡的過程中,瞭解每個元素是做什麼的比知道每個元素長什麼樣有效的多。

首先考慮結構和語義,然後再擔心表現。

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.