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 支援

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 avrilnote 的頭像
    avrilnote

    Avril Note

    avrilnote 發表在 痞客邦 留言(0) 人氣()