站內優化DIV+CSS中的11個常見毛病

進步企業網站轉化率的七個留意事項
2016-05-13
若何更好的做網站優化代價取向
2016-05-13
Show all

站內優化DIV+CSS中的11個常見毛病

  網頁代碼是不是清楚范例,影響著網頁的下載速率,同時也影響著搜刮引擎友愛性,(優化技能) 以是在網頁制造的時刻要嚴厲留意是不是有過量毛病的代碼?和網頁編碼的范例?

  1. 是不是忘卻瞭界說文檔范例(DTD)?

  如果不管如何調劑分歧閱讀器表現成果照樣紛歧樣,那末能夠檢討一下頁面開首是否是忘瞭寫上面這行DTD:

  < ! DOCTYPE HTML PUBLIC \-//W3C//DTD HTML 4.01 Transitional//EN\ \/TR/html4/loose.dtd\ >

  2. 檢討HTML元素是不是有拼寫毛病、是不是忘卻停止標志

  縱然是老馬也常常會弄錯div的嵌套幹系。能夠用dreamweaver的考證功效檢討一下有沒有毛病。

  3. 檢討CSS是不是準確

  檢討一下有沒有拼寫毛病、是不是忘卻末端的 } 等。能夠應用CleanCSS來檢討 CSS的拼寫毛病。CleanCSS本是為CSS減肥的對象,但也能檢討出拼寫毛病。

  4. 肯定毛病產生的地位

  如果毛病影響瞭團體結構,則能夠逐一刪除div塊,直到刪除某個div塊後表現規復一般,便可肯定毛病產生的地位。

  5. 應用border屬性肯定失足元素的結構特征

  應用float屬性結構一沒有當心就會失足。這時候為元素增加border屬性肯定元素界限,毛病緣故原由即內情畢露。

  6. float元素的父元素不克不及指定clear屬性

  MacIE下如果對float的元素的父元素應用clear屬性,周圍的float元素結構就會凌亂。這是MacIE的著名的bug,倘使沒有曉得就會走彎路。

  7. float元素

  務必指定width屬性

  許多閱讀器在表現未指定width的float元素時會有bug。以是沒有管float元素的內容若何,必定要為其指定width屬性。別的指定元素時隻管應用em而沒有是px做單元。

  不克不及指定margin和padding等屬性

  IE在表現指定瞭margin和padding的float元素時有bug。是以沒有要對float元素指定margin和padding屬性(能夠在float元素內部嵌套一個div來設置margin和padding)。也能夠應用hack辦法為IE指定不凡的值。

  寬度之和要小於100%

  如果float元素的寬度之和恰好是100%,某些陳腐的閱讀器將不克不及一般表現。是以請包管寬度之和小於99%。

  8. 是不是重設瞭默許的款式?

  某些屬性如margin、padding等,分歧閱讀器會有分歧的說明。是以最幸虧開辟前起首將全部的margin、padding設置為0、列表款式設置為none等。

Comments are closed.