HTML 4 と HTML 5 の主な違いは何ですか?
https://stackoverflow.com/questions/134727
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
主な違いは何ですか HTML4 そして HTML5 ドラフト?
変更された構文および追加/削除された HTML 要素に関連する回答を保管してください。
解決
HTML5 には、HTML4 とは異なるいくつかの目標があります。
不正な文書の処理における一貫性
主なものは 一貫性のある、定義されたエラー処理. 。ご存知のとおり、HTML は「タグ スープ」、つまり不正なコードを記述して有効なドキュメントに修正する機能を意図的にサポートしています。問題は、これを行うためのルールがどこにも書かれていないことです。新しいブラウザ ベンダーが市場に参入したい場合、さまざまなブラウザ (特に IE) で不正なドキュメントをテストし、エラー処理をリバース エンジニアリングするだけで済みます。そうしないと、多くのページが正しく表示されません (推定では、ネット上のページの約 90% が少なくとも何らかの形で不正であると考えられます)。
そのため、HTML5 は、ブラウザー開発者がすべて標準化して、一貫して表示するために必要な時間とコストを大幅に削減できるように、このエラー処理を発見して成文化しようとしています。同様に、HTML が文書形式として消滅した後もずっと将来、歴史家はまだ私たちの文書を読みたいと思うかもしれません。完全に定義された解析アルゴリズムがあれば、これは大いに役立ちます。
より優れた Web アプリケーション機能
HTML5 の 2 番目の目標は、HTML、CSS、および Javascript を介して、ブラウザーがアプリケーション プラットフォームとなる機能を開発することです。現在 (HTML4 の) Flash または JS ベースのハックである多くの要素が言語に直接追加されています。 <canvas>, <video>, 、 そして <audio>. 。ローカル ストレージ (Cookie が保持できる範囲を超えた情報を保存するための、js からアクセス可能なブラウザー組み込みのキーと値のデータベース)、ブラウザーが簡単なユーザー インターフェイスを公開できる日付などの新しい入力タイプなどの便利なもの (つまり、 JS ベースのカレンダー日付ピッカーを使用する必要はありません)、ブラウザーでサポートされるフォーム検証により、開発者にとっては Web アプリケーションの開発がはるかに簡単になり、ユーザーにとってははるかに高速になります (多くの機能がネイティブでサポートされるため、 JavaScript 経由でハッキングされるのではなく)。
要素のセマンティクスの改善
HTML5 では、既存の要素のセマンティックな役割をより適切に定義するなど、他にも多くの小さな取り組みが行われています (<strong> そして <em> 今では実際には別の意味になり、さらには <b> そして <i> レガシードキュメントを解析する際にうまく機能する曖昧なセマンティクスを持ち、有用なセマンティクスを持つ新しい要素を追加します - <article>, <section>, <header>, <aside>, 、 そして <nav> 大部分を置き換える必要があります <div>を Web ページで使用すると、ページがもう少しセマンティックになりますが、さらに重要なことは、 読みやすい. 。何がランダムなのかを確認するために面倒なスキャンをする必要はもうありません </div> は終了します - 代わりに、明らかな結果が表示されます </header>, 、 または </article>, 、文書の構造がより直感的になります。
他のヒント
から ウィキペディア:
- 柔軟な解析と互換性を重視した新しい解析ルール
- 新しい要素 - セクション、ビデオ、進行状況、ナビ、メーター、時間、脇、キャンバス
- 新しい入力属性 – 日付と時刻、電子メール、URL
- 新しい属性 – ping、charset、async
- グローバル属性 (すべての要素に適用可能) – id、tabindex、repeat
- 廃止された要素の削除 - センター、フォント、ストライク
チェックしてみてください HTML5 と HTML4 の違い:W3C ワーキンググループ注記 9 2014 年 12 月 完全な違いについては。多くの新しい要素と要素属性があります。一部の要素は削除され、その他の要素は以前とは異なる意味値を持ちます。
次世代の Web アプリを構築し、実装を確実に標準化するために、キャンバスの使用などの API も定義されています。
HTML5 では、Web アプリケーションの作成に役立つ多数の API が導入されています。これらは、アプリケーションに導入された新しい要素と一緒に使用できます。
- 新しいビデオ要素とオーディオ要素で使用できる、ビデオとオーディオを再生するための API。
- オフラインの Web アプリケーションを可能にする API。
- Web アプリケーションがそれ自体を特定のプロトコルまたはメディア タイプに登録できるようにする API。
- 新しいグローバルと組み合わせた編集 API
contenteditable属性。 - ドラッグ アンド ドロップ API と組み合わせた
draggable属性。 - 履歴を公開し、「戻る」ボタンが壊れるのを防ぐためにページを履歴に追加できるようにする API。
このリストに興味があるかもしれません HTML5 の要素と属性.
また、「HTML4」ではなく「HTML 4」であることに注意してください。実際、HTML 5 では両方のバリアントが使用されますが、意味には重要な違いがあります。HTML 5 は W3C 仕様の名前を指しますが、「HTML5」は、 text/html この仕様に従う MIME タイプ。XHTML 5 と XHTML 5 についても同様です。XHTML5。
現在、W3c は公式の違いをサイトで提供しています。
HTML 5 では、コードに多くの意味的価値を追加することができます。さらに、マルチメディア コンテンツを埋め込むネイティブ ソリューションもあります。
残りの部分は重要ですが、クライアント プログラミング言語で同じことを行う手間を省くための、より技術的な部分です。
つまり、html に比べて非常にシンプルで、長い doctype が削除され、center タグと font タグも削除されています。この違いについてもブログで回答しました。http://ravisinghblog.in/key-difference-between-html-and-html-5/
