2012-10-03 55 views
2

我正在從頭開始創建一個網頁,它需要儘可能廣泛地支持瀏覽器市場份額。 該網頁將會相對簡單,只需幾個AJAX電話即可填充一些divCSS,(X)HTML嚴格或過渡的跨瀏覽器兼容性?

我應該支持哪些(X)HTML和CSS版本,並且應該以嚴格還是過渡模式編碼?哪個應該是我應該支持的最早的IE瀏覽器?我追求最大的跨瀏覽器兼容性和一致性。

編輯:該網頁將爲商務人士。最初的問題假定他們中的大多數仍然使用IE 6,但似乎我錯了。

+2

爲什麼ie6兼容http://www.ie6countdown.com/? – 2012-10-03 06:24:06

+0

您可以使用過渡模式。但我不知道爲什麼人們仍然支持IE 6 :) –

+0

嗯,我將重述這個問題。 – Howie

回答

2

我強烈建議你去爲HTML5,即使你不會使用任何新的語義元素。

Google Maps API報價:

<!DOCTYPE html> 

最新的瀏覽器都會使該聲明與「標準模式」這個 DOCTYPE這意味着你的應用程序應該 是更多的跨瀏覽器兼容的內容 。 DOCTYPE也被設計爲 優雅地降級;不明白的瀏覽器會忽略它, 並使用「怪癖模式」顯示其內容。

如果你想使用幾乎所有的web 2.0 API,你將會遇到XHTML Strict/Transitional的問題。

聲明<!DOCTYPE html>,你可以感覺很舒服。


CSS版本並不重要,因爲有沒有現代瀏覽器支持但一些CSS2特性。你必須依靠這樣的網站來檢查你認爲是必不可少顯示內容的每個屬性的兼容性:

  1. Quirks Mode
  2. Can i Use
  3. Litmus

一般來說,你可以簡單地谷歌「apropertyname瀏覽器支持」獲得非常有用的信息。

請記住,websites don't have to look exactly the same in every browser,您的主要目標是使內容在「任何」條件下可讀並可用。


說到IE中,檢查自己更新至8月/九月的使用狀態:

  • StatCounter IE6:notevenlisted,IE7:1.12%,IE8:13.08%
  • W3Counter IE6:notevenlisted,IE7:4.60%,IE8:10.19%
  • Wikimedia IE6:0.99%,IE7:3.44%,IE8:8.46%

因此,在你最可能擔心IE7。

對於那些使用IE7及更低版本的用戶,也可以使用conditional comments創建「向後兼容」版本(基本上禁用CSS和JavaScript)。所以你一定會提供可讀性,然後添加一個鏈接切換回正常版本(風險自負)。

即使大部分API(例如Vimeo,Facebook,Google Maps)以及庫和插件等都不再適用於IE7。或者至少他們會導致JavaScript錯誤。

1

支持IE8 +,使用

<!DOCTYPE html> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

,並得到它。

1

其中(X)HTML和CSS的版本,我應該支持

XHTML是更多的麻煩則是值得,除非你使用的是XML工具鏈了。

HTML 4是HTML的最新建議。

HTML 5,而草案中,有一些功能,你可以使用

和我應該嚴格或過渡模式的代碼?

如果您使用的是帶有嚴格和過渡變體版本的HTML,除非你需要從過渡性特定的功能(這是不可能的,瀏覽器很久以前完成過渡到1996年推薦)使用嚴格。

哪個應該是我應該支持的最早的IE瀏覽器?

取決於您的目標受衆選擇的瀏覽器(隨時間變化,因此任何特定的答案都會過於局部化)和預算。

和CSS

不注重CSS版本號。擔心對特定功能的支持。

我追求最大的跨瀏覽器兼容性和一致性。

這是網絡。瞄準「好」而不是「相同」。

+0

我不會使用任何HTML 5功能。我認爲我使用HTML 4.01 Strict更好(或至少不會更糟)? – Howie