11

Rails/JQuery プロジェクトに HTML 5 API を使用することを検討し始めたばかりなので、その優れたdata-属性を使用して値を格納できます。

ブラウザの互換性の問題が心配です。2 つの質問があります (基本的な質問)。

  1. HTML 5 を使用するには、ブラウザーをアップグレードする必要がありますか? それはどのように機能しますか？

  2. 各ブラウザー レイアウト エンジンがサポートする機能の最新のチャートはありますか? HTML レイアウト エンジンの比較に関するこのウィキペディアの記事と、このいつ使用できますか? HTML 5ページよりも最新のものですか?

たとえば、IE6 を使用している人々の問題になるのでしょうか? 私が話をした多くのコンピューターに詳しくない人々は、インターネットでのプレゼンスを自分で使用したいと考えています。

それが問題ではなく、古いブラウザーで HTML 5 を使用できる場合、どうしますか? または、どのドキュメントを見る必要がありますか:)? ありがとう。

更新: 以下に興味深いリンクをいくつか掲載します。

FindMeByIP : 「Modernizr を使用して、ブラウザが CSS3 および HTML5 機能をサポートしているかどうかを読みやすい形式で表示するシンプルなアプリ。」- CSS3 および HTML5 のブラウザー サポート

4

6 に答える 6

12

HTML5を単一のエンティティと見なすことは有用ではありません。つまり、ブラウザは「サポートする」または「サポートしない」のいずれかです。HTML5は次のとおりです。

  • 他のブラウザがコピーしたIEやFirefoxの拡張機能、誰もが当然と思っていた長年の「DOMレベル0」の動作など、以前のW3HTMLおよびDOM標準がカバーしていた範囲を超えて広範囲にわたる既存の慣行を体系化する試みしかし、以前はどの仕様にも書き込まれていませんでした。

  • まだ広く使用されていない新しい拡張機能のランダムな選択。これは、ブラウザメーカーがサポートすることを期待しています。いくつかはすでに成功しており、すでにすべての新しいブラウザに向かっています。独自の仕様にスピンオフされたもの（誰にとってもはるかに管理しやすいもの）、物議を醸すもの、誰も気にしないものもあります。

IMOは、これら2つの拠点を一度にカバーしようとするのは大きな間違いでした。私は、HTML3.2スタイルの「キャッチアップ」標準と多くの個別の拡張仕様を好みました。しかし、今はそれについて何もできません。

HTML5も次のとおりです。

  • 終了していません。仕様は大規模で、複雑で、不完全であり、適切な標準になる前に詳細が変更される可能性があります（またはそれ以上になる可能性があります）。「HTML5」が実際にどうなるかはまだ誰にもわからないため、「HTML5をサポートしている」とはまだ誰も言えません。

実際には、HTML5には長い間使用されてきた部分がいくつかあります。最新のブラウザで安全に使用できる部分がいくつかあります。IE以外の新しいブラウザで使用できる部分がいくつかあります。フォールバックの回避策または「グレースフルデグラデーション」で使用できるパーツはたくさんあります。絶対に使えない部分があります。何年もの間、HTML5のすべてを完全にサポートするブラウザは存在しないため、今のところ、それぞれを個別に学習する必要があります。もしあれば。徐々に好きな機能を追加していきます。これらの機能は、より多くのブラウザでサポートされています。誰もが一度にブラウザを更新する「ビッグバン」はありません。

属性に関してdata-は、そうですね、ほとんどのブラウザは常に古い属性の通過を常に許可しているので、属性の使用をやめることができます。これはいくつかのHTML5拡張機能の典型であり、ブラウザが機能するために明示的に「サポート」する必要はありません。

しかし、データを渡す方法は他にもあるので（クラス、コメント、スクリプトブロックなど）、その1つの機能のためだけにHTML4 / XHTML1ページを削除する価値があると完全に確信しているわけではありません（普遍的にサポートされており、固定標準に対して検証可能です）。 。

于 2010-02-12T02:42:38.407 に答える
10

diveintohtml5.ep.ioとmodernizr.comをチェックすることをお勧めします。

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

これがhtml機能サポートのインタラクティブチャートです：http： //a.deveria.com/caniuse/

ご覧のとおり、H5機能のかなりの数をサポートするブラウザはたくさんあります。

于 2010-02-12T02:20:54.717 に答える
5

jQuery を使用していて、相互運用性に懸念があり、HTML5 を調査している唯一の理由がdata-*属性セットを使用する場合は、より適切にサポートされている doctype に切り替えて、jQuery の$().data()メソッドを使用することを検討します。data-属性セットと同様に、データの一部を DOM ノードに渡します。

例：

<button id="set">Click me!</button>

$('button#set').click(function(){
    if($(this).data('name')){
        alert('Clickin\' again so soon, ' + $(this).data('name') + '?');
    }else{
        $(this).data('name', prompt('Hey good lookin\', what\'s your name?', ''));
    }
});

試してみてください！

于 2010-02-12T03:56:56.067 に答える
0

私の答えはあなたが望むものではないかもしれませんが、私は言うでしょう-しないでください。まだHTML5を使用しないでください。

于 2010-02-12T02:27:02.783 に答える
0

プロトビスを使用します。JavaScript と HTML5 を使用します。ここにはフラッシュはありません。さらに重要なことに、Protovis には BSD ライセンスがあります。したがって、商用プロジェクトで使用できます。D3は Protovis の作成者が取り組んでいる新しいプロジェクトですが。

于 2011-08-04T09:06:37.953 に答える
0

これは古い (っぽい) 質問ですが、ブラウザー サポートのトピックは常に関連しています。アプローチに正しい方法も間違った方法もありませんが、多くのブラウザー機能サポート表の 1 つを調べて、特定の機能を見てから残忍になるユーザーの割合を示します。

みんなを喜ばせようとしないでください。まだ IE7 を使用している Luddite の数パーセントを捕まえるために自殺しないでください。来年、それを IE8 に置き換えます。個人的には、アップグレードが何であるかを知らない人に対応するのではなく、前向きな考え方に時間を費やすために、8% を失うことを喜んでいます.

多分あなたのサイトは人々をアップグレードさせるでしょう。これらの人々は最終的にやってくるでしょう。

于 2012-11-05T18:27:06.060 に答える