原文:Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
翻譯:http://www.vfresh.org/w3c/727(譯文對原文進(jìn)行了補(bǔ)充)
在討論IE6的BUG及如何修復(fù)之前,有必要講敘一些策略去避免這些惱人的問題——正所謂防患于未然 。
IE6 市場占有率
據(jù)Market Share統(tǒng)計(jì),目前(2009年8月)IE6 的市場占有率為25.25%,但是其他地方的統(tǒng)計(jì)明顯要低,為18.1%;盡管統(tǒng)計(jì)結(jié)果不同,但都呈現(xiàn)出了下降的趨勢(翻譯此文時,淘寶的IE6用戶已從70%跌破至69%)。但是最重要的,還是你自己網(wǎng)站的統(tǒng)計(jì)數(shù)據(jù)。如果你對你的網(wǎng)站進(jìn)行了流量分析,那么IE6的占有率是否值得你去針對IE6進(jìn)行開發(fā)?這需要你自己去權(quán)衡。
如果你網(wǎng)站絕大部分訪問者不使用IE6并且不付費(fèi)給你,那么你不必特意區(qū)針對IE6做兼容,從而節(jié)省時間、精力及資金。
做一個簡潔的設(shè)計(jì)
在做設(shè)計(jì)的同時考慮代碼的實(shí)現(xiàn),可以避免一些布局上的問題。再復(fù)雜的設(shè)計(jì)稿也能用簡潔的代碼實(shí)現(xiàn),如果你使用了過于繁冗的標(biāo)簽,那么你需要重新修繕設(shè)計(jì)稿。
如果你有豐富的開發(fā)經(jīng)歷,攻克過很多種布局難題,記錄下你的解決方案,在以后碰到相同問題時可以提高開發(fā)效率。
使用合適的文檔申明(doctype)
使用一個錯誤的文檔聲明會觸發(fā)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], or [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">
上一頁12 下一頁 閱讀全文