回答:
HTML5は、IE5!(html5shivスクリプトを使用する場合)を含むすべてのブラウザーでサポートされるようになりました。http://diveintohtml5.orgを読むことを強くお勧めします。http://diveintohtml5.orgは、最高のHTML5リソースの1つです。
CSS3については、使用する場合は、通常の構文に加えて、ベンダープレディックスも使用してください。例えば
境界半径
-moz-border-radius
-webkit-border-radius
私は進歩的な強化を信じています。IE9のcss3サポートは非常に有望です。
多分。
現在使用できるHTML5の部分が今日あります。たとえばフォーム。あなたが持っている場合は<input type="email">
HTML5をサポートしていないブラウザで(そう、でもIE6)あなたは単にあなたが使用している場合、あなたが見ていたものと同じものが表示されます<input type="text">
。しかし、HTML5フォーム要素をサポートするブラウザーでは、このemail
タイプの利点が得られます。つまり、クライアントは余分なJSを必要とせずに値をエラーチェックします。はい、HTML5以外のブラウザにはJSが必要ですが、サポートするブラウザにはもう1つの検証レイヤーがあります。
このサイトの別の質問では、HTML5およびCSS3を介して利用可能な新機能の概要を説明しています。その質問には、フォームに関する多くの優れたデータもあります。
Internet Explorer(およびSafariとFirefoxの古いバージョン、まれですが)はこれらの機能の多くをサポートしていないため、JavaScriptライブラリを使用して空きを埋める必要があります。これらには、パフォーマンスヒットが含まれます(使用する必要があるのはブラウザのみですが)ため、使用する際はユーザーに注意してください。
機能サポートの欠如に関する問題を軽減するには、これらの新機能が価値があると判断した場合、次のリソースを使用します。
.htc
Internet Explorer 6-8で最も有用なCSS3デコレーション機能のいくつかをレンダリングできるようにするIE添付ビヘイビアー(ファイル)。要素に適用される場合、それはIEが認識および表示することができborder-radius
、box-shadow
、border-image
、複数の背景画像と、linear-gradient
背景画像として。true
サポートされているfalse
場合とサポートされていない場合は、各機能のブールプロパティを含むセルフタイトルのグローバルJavaScriptオブジェクトを作成します。スタイリングと次のような要素を使用できるようにHTML5の要素を印刷するためのサポート追加<section>
、<header>
およびを<nav>
。src
は、<img />
要素の要素として、またはbackground-image
CSSのプロパティとして使用できます。異なりAlphaImageLoader
、background-position
そしてbackground-repeat
仕事意図したとおりに、そして要素がに応答しますa:hover
疑似クラス。.htc
IE 6にアルファ不透明度のPNGサポートを追加するIE添付動作(ファイル)。追加の(含まれる)JavaScriptで完全なCSSバックグラウンドポジショニングとリピートをサポート(CSSスプライトを含む)。.htc
IE6、IE7、およびIE8の癖に自動的に:hover、:activeおよび:focusにパッチを適用し、他のブラウザーと同じように使用できるIE添付ビヘイビアー(ファイル)。AJAXサポートが含まれています。つまり、javascriptを介してドキュメントに挿入されるHTMLは、IEの:hover
、:active
および:focus
スタイルもトリガーします。興味深いことに、DD_belatedPNGはWhatever:hoverとTwinHelixのIE PNG Fixで解決された両方の問題を純粋なJavaScriptで解決し、Whatever:hoverとTwinHelixのIE PNG FixはJavaScriptとIEに添付された動作の組み合わせを使用します(.htc files
)。
一般に、IE以外のブラウザを使用する人は、求められたときにそれらをアップグレードするため、IEは「しかし、一部のブラウザはこの機能をサポートしていません!」苦情。Modernizrは、IEだけでなく、表示される可能性のある任意のブラウザーにHTML5 / CSS3を使用する機能を追加します。ie-css3.jsは同じことを行います。IE条件付きコメントなしで実装するだけです(つまり、サーバー側のユーザーエージェントチェックに含めない限り、すべてのブラウザーがそれを取得することになります。これにより、パフォーマンスが大幅に低下します。 IEユーザーだけでなく、すべての訪問者向けです。)
使用するCSS3機能を決定する際に役立つ他のいくつかのリンク:http : //caniuse.com/(どの要素とセレクターがどのプラットフォームで使用可能かを適切に分類します)
http://css3please.com/(CSS3を特徴と混乱に遊び場-ページ編集可能で、これはまた、技術と機能がサポートされているかについてのいくつかのアドバイスを与えることにより、一般的に要求されたスタイリングのためのプラットフォーム、角丸、グラデーションの背景のように、等。)
古いブラウザでもサポートされるはずのHTML5を使用して新しいプロジェクトを開始する場合、最良のオプションはInitializrを使用することです-
バックエンドでHTML5 Boilerplateを使用し、独自のいくつかのオプションを追加して、独自のサイトにデプロイできるテンプレートを提供します。Javascriptライブラリ(HTML ShivやModernizrなど)が含まれているため、サイトが古いブラウザーと互換性があります。