新しいセマンティック要素を使用しない場合でも、HTML5 を使用することを強くお勧めします。
Google Maps APIからの引用:
<!DOCTYPE html>
現在のほとんどのブラウザーは、この DOCTYPE で宣言されたコンテンツを「標準モード」でレンダリングします。つまり、アプリケーションはブラウザー間の互換性を高める必要があります。また、DOCTYPE は正常に劣化するように設計されています。それを理解しないブラウザはそれを無視し、「互換モード」を使用してコンテンツを表示します。
また、ほぼすべての Web 2.0 API を使用する場合、XHTML Strict / Transitional では問題が発生します。
宣言<!DOCTYPE html>
すると、かなり快適に感じることができます。
最新のブラウザーではまだサポートされていない CSS2 プロパティがいくつかあるため、CSS のバージョンは重要ではありません。コンテンツを表示するために不可欠と思われる各プロパティの互換性を確認するには、次のようなサイトに頼る必要があります。
- 癖モード
- 使ってもいいですか
- リトマス
通常、Google で「プロパティ名のブラウザ サポート」を検索するだけで、非常に役立つ情報を入手できます。
ウェブサイトはすべてのブラウザでまったく同じように見える必要はないことに注意してください。主な目標は、コンテンツを読みやすく、「あらゆる」条件で利用できるようにすることです。
IE といえば、 2012 年 8 月または 9 月に更新された使用統計をご確認ください。
- StatCounter IE6: notevenlisted、IE7: 1.12%、IE8: 13.08%
- W3Counter IE6: notevenlisted、IE7: 4.60%、IE8: 10.19%
- ウィキメディアIE6: 0.99%、IE7: 3.44%、IE8: 8.46%
したがって、せいぜいIE7について心配するかもしれません。
条件付きコメントを使用して、IE7 以前を使用するユーザー向けに、「後方互換性」バージョン (基本的には css と javascript を無効にする) を作成することもできます。したがって、読みやすさを確実に提供してから、通常のバージョンに戻すためのリンクを追加します (自己責任で)。
ほとんどの API (Vimeo、Facebook、Google Maps など)、ライブラリ、プラグインなどでさえ、IE7 では動作しなくなりました。または、少なくとも JavaScript エラーが発生します。