DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 用“顏色”區分 HTML優化技巧應用法則(2)
用“顏色”區分 HTML優化技巧應用法則(2)
編輯:CSS詳解     

橙色方法

橙色方法是指那些有違標准,或者會導致頁面出現無法預料的問題的一類方法,算是一類非常規的方法,因此也僅僅適用於一些非常規的頁面,例如搜索引擎首頁。

1. 刪除或替換

DOCTYPE對於頁面展現非常重要,浏覽器會根據具體的DOCTYPE來決定如何顯示頁面,除非你對刪除DOCTYPE後的頁面展示十分有把握,否則不要輕易刪除。另外一種可行的方式是采用Html5中的寫法,即,大多數浏覽器能夠將這種doctype寫法解析為標准或准標准(Almost Standard)模式,不過依然會造成一些問題,具體見這裡。目前百度、Google都是這麼做的。

2. 刪除標簽屬性值的引號

引號不是必須的,刪之。此處也需要考慮一些特殊情況,例如屬性值中包含引號等。(提醒:不符合XHtml規范)

3. 省略某些屬性值

例如disabled、checked、multiple等的值都可以省略。(提醒:不符合XHtml規范)

4. 刪除可選的閉合標簽

例如body、p、tr等標簽是允許沒有閉合標簽的,具體的參考此處。(提醒:不符合XHtml規范)

5. 刪除自動閉合標簽的”/”

工具HTML優化工具目前比較理想的是Absolute HTML Compressor,另外,PageSpeed1.6中也引入了HTML壓縮功能,不過目前只有四個簡單的策略,尚處於實驗性階段。隨著大家對前端性能越來越高的關注度,Html優化及壓縮方面也一定會有所發展的。

總結:

1. Html優化及壓縮的發展滯後於前端其他資源,不過目前也已經引起大家越來越多的關注。

2. 綠色規則中的很多都是在寫碼過程中就可以注意和遵循的,如果能把這個優化融入到編碼中,效果應該更好。

3. 橙色規則由於違背某些規范,只適用於某些特定的頁面,使用時務必謹慎。

文章轉自百度泛用戶體驗 作者:Miller

原文地址:http://www.baiduux.com/blog/2010/03/15/Html%E4%BC%98%E5%8C%96-2/

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved