web-dev-qa-db-ja.com

ユーザーオーディエンスの大部分を疎外することなくHTML5に移行するにはどうすればよいですか?

HTML5に標準装備されているいくつかの新機能を実装したいのですが、サイトを壊さない方法でそれを実行できるようにしたいと考えています。

プログレッシブエンハンスメントとユーザーエージェントのチェックは常にオプションであることを知っています。より良い代替手段はありますか?

4
Evan Plaice

2可能なアプローチ:

  • HTML5 Shims 、これはHTML5機能を使用できるようにするコードスニペットですが、エラーを修正するバックストップがあります
  • Modernizr 。これは、個々の機能を検出し、それらのクラスが存在する場合または存在しない場合に警告を表示したり、コードを無効にする一部として使用できるCSSクラスをボディに適用するツールキットです。

HTML 5の特徴の検出HTML 5に飛び込む の章も参考になります。

1
artlung

扱っているブラウザの種類を判断するはるかに正確な方法は、useragentを読み取ることではなく、機能の選択です。

jQueryには.support() があり、これを行うのに最適な方法です。

他の機能と同様に、古いブラウザではそれが適切に劣化するようなものを実装する場合は、必ず確認してください。

2
helloandre

これらの応答に加えて、フォーム要素のような多くのHTML5要素は、ブラウザがtype属性を認識しない場合、デフォルトでtextに認識されるため、単純なテキストボックスに格段に低下します。また、ブラウザが属性を認識しない場合(placeholderなど)、無視します。このグレースフルデグラデーションは、ユーザーのブラウザーがHTML5をサポートしていない場合、混乱することを心配せずにこれらの要素を実装できることを意味します。彼らは単に特別なものを見ることはありません。

1
Jason

Gmailはプログレッシブエンハンスメントの縮図であり、ストレートHTMLからすべての機能を備えています。これが、これほど多くの視聴者がいる理由です。したがって、エミュレートするのに適したモデルです。

Html5の機能を、互換性のあるブラウザーのjavascriptによって有効になるものに委ねることをお勧めします。これは、まだHTML 4から始めることを意味します。

0
Kzqai