2

私はゼロからウェブページを作成していますが、それは可能な限り幅広いブラウザ市場シェアをサポートする必要があります。Webページは比較的単純で、いくつかdivのajax呼び出しがいくつかに入力されます。

どの(X)HTMLおよびCSSバージョンをサポートする必要があり、厳密モードまたは移行モードでコーディングする必要がありますか?サポートする必要がある最も古いIEブラウザはどれですか?クロスブラウザの互換性と一貫性を最大限に高めたいと思っています。

編集:ウェブページはビジネスマン向けになります。最初の質問は、それらのほとんどがまだIE 6を使用していると想定していましたが、私は間違っていたようです。

4

4 に答える 4

2

新しいセマンティック要素を使用しない場合でも、HTML5 を使用することを強くお勧めします。

Google Maps APIからの引用:

<!DOCTYPE html>

現在のほとんどのブラウザーは、この DOCTYPE で宣言されたコンテンツを「標準モード」でレンダリングします。つまり、アプリケーションはブラウザー間の互換性を高める必要があります。また、DOCTYPE は正常に劣化するように設計されています。それを理解しないブラウザはそれを無視し、「互換モード」を使用してコンテンツを表示します。

また、ほぼすべての Web 2.0 API を使用する場合、XHTML Strict / Transitional では問題が発生します。

宣言<!DOCTYPE html>すると、かなり快適に感じることができます。


最新のブラウザーではまだサポートされていない CSS2 プロパティがいくつかあるため、CSS のバージョンは重要ではありません。コンテンツを表示するために不可欠と思われる各プロパティの互換性を確認するには、次のようなサイトに頼る必要があります。

  1. 癖モード
  2. 使ってもいいですか
  3. リトマス

通常、Google で「プロパティ名のブラウザ サポート」を検索するだけで、非常に役立つ情報を入手できます。

ウェブサイトはすべてのブラウザでまったく同じように見える必要はないことに注意してください。主な目標は、コンテンツを読みやすく、「あらゆる」条件で利用できるようにすることです。


IE といえば、 2012 年 8 月または 9 月に更新された使用統計をご確認ください。

したがって、せいぜいIE7について心配するかもしれません。

条件付きコメントを使用して、IE7 以前を使用するユーザー向けに、「後方互換性」バージョン (基本的には css と javascript を無効にする) を作成することもできます。したがって、読みやすさを確実に提供してから、通常のバージョンに戻すためのリンクを追加します (自己責任で)。

ほとんどの API (Vimeo、Facebook、Google Maps など)、ライブラリ、プラグインなどでさえ、IE7 では動作しなくなりました。または、少なくとも JavaScript エラーが発生します。

于 2012-10-03T07:36:56.407 に答える
1

サポートIE8 +、使用

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

そしてそれに到達します。

于 2012-10-03T06:32:49.567 に答える
1

サポートすべき (X)HTML と CSS のバージョン

XHTML は、XML ツールチェーンを既に使用していない限り、その価値があるよりも面倒です。

HTML 4 は、HTML の最新の推奨事項です。

HTML 5 はドラフトですが、使用する必要のある機能がいくつかあります

Strict モードまたは Transitional モードでコーディングする必要がありますか?

Strict および Transitional バリアントを含むバージョンの HTML を使用している場合は、Transitional の特定の機能が必要でない限り、Strict を使用してください (これはほとんどありません。ブラウザは 1996 年勧告への移行をかなり前に完了しています)。

サポートする必要がある最も古い IE ブラウザーはどれですか?

ターゲット オーディエンスのブラウザーの選択 (時間の経過とともに変化するため、特定の回答はローカライズされすぎます) と予算によって異なります。

とCSS

CSS のバージョン番号に注意を払わないでください。特定の機能のサポートについて心配します。

私は、ブラウザー間の互換性と一貫性を最大限に高めたいと考えています。

それはウェブです。「同じ」ではなく「良い」を目指す。

于 2012-10-03T06:35:33.717 に答える
0
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->
<script type="text/javascript" src="js/html5shiv.js" ></script>
<script type="text/javascript" src="js/html5.js" ></script>

トランジショナルがベスト。このブラウザコンパクトからshiv.jsをダウンロードできます

また、このリンクを参照してください<meta http-equiv="X-UA-Compatible" content="IE=edge"> は何をしますか?

于 2012-10-03T06:48:04.257 に答える