2011-10-23 5 views
3

私は新しいウェブサイトを構築していますが、古いbroswer(例:IE7)がページをリクエストし、doctypeがHTML5の場合どうなりますか?現在、XHTMLの移行として設定されていますが、HTML5の動画を追加したいと考えています。 HTML5のdoctypeに切り替える必要がありますか?html 5種類のdoctypeと古いブラウザ

ありがとうございました。

+0

[<!DOCTYPE html>と古いブラウザの可能な複製](http://stackoverflow.com/questions/5384625/doctype-html-and-older-browsers) –

答えて

4

HTML5 doctypeは、それをサポートするブラウザでWeb標準レンダリングモードを起動するために最低限必要なので選択されました。古いブラウザでは正常に動作しますが、HTML5の機能やタグはサポートされません。

今すぐdoctypeを変更できますが、新しい機能はありません。

HTML5のタグに関しては、古いバージョンのIEを認識させ、HTML5 Shimで新しいタグのスタイリングを許可することができます。 Modernizr scriptにはシムも含まれています。

ビデオやオーディオなどのHTML機能の場合は、ポリフィリングと呼ばれる手法を使用する必要があります。これらのポリライブライブラリは、ブラウザを持っていないブラウザでは、自動的に機能が失われます。

ほとんどのHTML5機能やCSS3の一部には、ポリフィルがあります。

Modernizr Wikiには、共通のポリフィルのgood listがあります。

これらの多くは、Modernizrの機能テストを使用して、何か処理が必要かどうかを判断します。

ビデオの場合、ライブラリはHTML5の可用性をチェックし、利用できない場合はフラッシュに戻ります。ほとんどの場合、HTML5のネイティブクロムを独自のルックアンドフィールで置き換えて、使用する基本コード(ネイティブまたはフラッシュ)に関係なく同じように見えます。

動画の場合mediaelement.jsはこのアプローチを使用しており、これを出発点としてお勧めします。

0

あり、それのかなり良い議論がここにあります:あなたはDOCTYPE自体を使用して問題ないはず<!DOCTYPE html> and older browsers一般に

...しかし、もちろん、それは古いブラウザは魔法のように、すべてのサポートされるというわけではありませんVIDEOタグのようなクールなHTML5のもの。古いブラウザをサポートしたい場合は、回避策とフォールバックを見つけてください。

0

IEの古いバージョンではHTML5ビデオにアクセスできないという問題は、doctypeに関係なく同じになります。標準的な習慣は、少なくともHTML5がブラウザによって幅広くサポートされるまでは、ユーザーのブラウザがHTML5をサポートしていない場合、Flashに順調に戻ってくるライブラリを使用することです。私は個人的にはこの仕事のためにJWPlayerを使って成功しました。

関連する問題