15

HTML5とCSS3の両方に適したフォールバックを探しているので、それを使用でき、他のブラウザーでも問題なく表示されます。

4

2 に答える 2

10

HTML5またはCSS3について話すときは、次の項目に進む必要があります。

いつ使えますか...

ご覧のとおり、私たちはまだそれを使用することから遠く離れています。

また、古いバージョンのブラウザはHTML5またはCSS3をサポートしていないため、次のように実行できます。

プログレッシブエンハンスメントとグレースフルデグラデーション

ここにいくつかのリソースもあります：

于 2010-04-21T08:21:19.310 に答える
8

Google Chromeフレームを見て、フル機能のバージョンのWebサイトでより多くのユーザーにリーチできるかどうかを確認してください。また、特定の機能の機能チェックも行います。

Modernizrとは何ですか？

Modernizrは小さくてシンプルなJavaScriptライブラリであり、新しいWebテクノロジ（CSS3、HTML 5）を利用しながら、これらの新しいテクノロジをまだサポートしていない可能性のある古いブラウザを細かく制御できます。

Modernizrは、機能検出を使用して、rgba（）、border-radius、CSSTransitionsなどの今後の機能に対して現在のブラウザーをテストします。これらは現在ブラウザ間で実装されており、Modernizrを使用すると、まだサポートしていないブラウザのフォールバックを簡単に制御できる方法で、今すぐ使用を開始できます。

さらに、Modernizrは、各機能のプロパティを含むセルフタイトルのグローバルJavaScriptオブジェクトを作成します。ブラウザがサポートしている場合はプロパティが評価され、サポートされtrueていない場合は。になりますfalse。

最後に、ModernizrはHTML5要素のスタイル設定のサポートも追加します。これにより、Internet Explorerで機能しないことを心配することなく<section>、<header>などのよりセマンティックで前向きな要素を使用できます。<dialog>

Modernizrが行わないこと

Modernizrは、不足している機能をブラウザーに追加しません。代わりに、機能のネイティブな可用性を検出し、ブラウザーの機能に関係なく、サイトを細かく制御する方法を提供します。

DiveIntoHTML5で読んだ

いくつかのサンプル：

if (Modernizr.canvas) {
  // let's draw some shapes!
} else {
  // no native canvas support available :(
}

if (Modernizr.video) {
  // let's play some video!
} else {
  // no native video support available :(
  // maybe check for QuickTime® or Flash® instead
}

if (Modernizr.localstorage) {
  // window.localStorage is available!
} else {
  // no native support for local storage :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.webworkers) {
  // window.Worker is available!
} else {
  // no native support for web workers :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.applicationcache) {
  // window.applicationCache is available!
} else {
  // no native support for offline :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.geolocation) {
  // let's find out where you are!
} else {
  // no native geolocation support available :(
  // maybe try Gears or another third-party solution
}
...

ウェブサイトでは、IEのExplorercanvas（excanvas.js）やGeolocationのgeo.jsなどのフォールバック手法が提案されている場合があります。

于 2010-04-21T08:29:35.487 に答える