在討論IE6的BUG及如何修復之前,有必要先講敘一些策略去避免這些惱人的問題──正所謂防患於未然。
IE6 市佔率
根據Market Share統計,目前(2009年8月)IE6 的市場佔有率為25.25% ,但是其他地方的統計明顯要低,為18.1% ;儘管統計結果不同,但都呈現出了下降的趨勢(翻譯此文時,淘寶的IE6用戶已從70%跌破至69% )。但是最重要的,還是你自己網站的統計數據。如果你對你的網站進行了流量分析,那麼IE6的佔有率是否值得你去針對IE6進行開發?這需要你自己去權衡。
如果你網站絕大部分訪客不使用IE6且不付費給你,那麼你不必特意區針對IE6做相容,從而節省時間、精力及金錢。
做一個簡潔的設計
在做設計的同時考慮程式碼的實現,可以避免一些佈局上的問題。再複雜的設計稿也能用簡潔的程式碼實現,如果你使用了過於繁冗餘的標籤,那麼你需要重新修繕設計稿。
如果你有豐富的開發經歷,攻克過很多種佈局難題,記錄下你的解決方案,以後碰到相同問題時可以提高開發效率。
使用合適的文檔申明(doctype)
使用一個錯誤的文件宣告會觸發quirks mode(怪異模式),正確的文件宣告可以保證你的頁面在所有瀏覽器下保持一致的效果。使用其中的一個文件申明:HTML 5[/i], [i]HTML 4.01 Strict[/i], [i]HTML 4.01 Frameset[/i], [i]HTML 4.01 Transitional[/i], [i] XHTML 1.0 Strict[/i], [i]XHTML 1.0 Frameset[/i], [i]XHTML 1.0 Transitional[/i], 或 [i]XHTML 1.1
HTML 5
<!DOCTYPE HTML>
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd ">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd ">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd ">
XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">