6/05/2009

Doctype 基本屬性比較

Doctype 很容易會影響Layout上的表現,很多設計師為了方便直接地把Doctype刪除。可是這樣子是不能通過W3C的檢測。可是用上Doctype又做不到想要的東西。在這裡先說明一下doctype和常用的屬性通用性。

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
老舊版本的瀏覽器多半是相容模式,基本上是最接近將Doctype刪除的Doctype。
  • Height 100% 支援
  • Margin 0 Auto 不支援
  • IE Scrolling Bar轉色支援
  • Img Padding 和Border 共時使用會出現問題
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
Dreamweaver預計時提供的DTD文件之一
  • Height 100% 不支援 (需要在Body中加入Height 100%,FireFox則需於Body及Html加入Height 100%)
  • Margin 0 Auto 支援
  • IE Scrolling Bar轉色不支援
  • Img Padding 支援
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" ""
Dreamweaver預設時提供的DTD文件之一,Xhtml的內碼會比較特殊。 如<BR/> <P/> ,要求亦比較嚴肅…詳細不在此說明。
  • Height 100% 不支援 (需要在Body中加入Height 100%,FireFox則需於Body及Html加入Height 100%)
  • Margin 0 Auto 支援
  • IE Scrolling Bar轉色不支援
  • Img Padding 支援

Powered by
i-web-design.org:Web Design,SEO Company
Smart-Info: Web Hosting,Web Design

No comments: