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

3 comments:

SEO Services Consultants said...

Nice information, many thanks to the author. It is incomprehensible to me now, but in general, the usefulness and significance is overwhelming. Thanks again and good luck! Web Design Company

inquitech said...

Your blog is a good one.
Professional business web design

Small business website houston

rocky case said...

Stephen Stapinski

Really your blog is very interesting.... it contains great and unique information. I enjoyed to visiting your blog. It's just amazing.... Thanks very much for the share.