文章出處

一、整體結構

  1. 用div代替table布局
  2. 結構、表現、行為三者分離,避免內聯
  3. 良好的樹形結構
    四個空格代替一個tab
  4. 能并列就不嵌套
    <div></div><div></div>代替<div><div></div></div>
  5. 引用的class要少

二、代碼格式

  1. 嚴格的屬性
    屬性和值全部小寫,每個屬性都必須有一個值,每個值必須加雙引號。
  2. 嚴格的嵌套
    內聯元素不能包含塊級元素
    特殊的塊級元素只能包含內聯元素:
    h1,h2..p  dt
    li內可以包含div

三、注意事項

 

  • 避免使用絕對定位,可能會被過濾。
  • 避免使用js,可能會被過濾。
  • 避免使用table布局,不易于修改維護。

     

問題:部分智能手機的郵件客戶端可能會有只顯示部分的bug(寬度被截)。

解決:在外面套一個同寬的table即可。

 


文章列表


不含病毒。www.avast.com
全站熱搜
創作者介紹
創作者 大師兄 的頭像
大師兄

IT工程師數位筆記本

大師兄 發表在 痞客邦 留言(0) 人氣()