148

HTML4とHTML5 ドラフトの主な違いは何ですか?

変更された構文と追加/削除された html 要素に関連する回答を保持してください。

4

8 に答える 8

203

HTML5 には、HTML4 とは異なるいくつかの目標があります。

不正なドキュメントの処理における一貫性

主なものは、一貫性のある定義済みのエラー処理です。ご存知のように、HTML は「タグ スープ」、つまり不正なコードを記述して有効なドキュメントに修正する機能を意図的にサポートしています。問題は、これを行うためのルールがどこにも書き留められていないことです。新しいブラウザー ベンダーが市場に参入する場合、さまざまなブラウザー (特に IE) で不正な形式のドキュメントをテストし、エラー処理をリバース エンジニアリングするだけで済みます。そうしないと、多くのページが正しく表示されません (ネット上のページの約 90% は、少なくとも多少の不正な形式であると推定されています)。

そのため、HTML5 はこのエラー処理を発見して体系化しようとしています。これにより、ブラウザー開発者はすべて標準化し、物事を一貫して表示するために必要な時間と費用を大幅に削減できます。同様に、HTML がドキュメント フォーマットとして使われなくなった後も、歴史家はまだドキュメントを読みたいと思うかもしれません。

優れた Web アプリケーション機能

HTML5 の第 2 の目標は、HTML、CSS、および Javascript を介して、ブラウザがアプリケーション プラットフォームになる機能を開発することです。<canvas>現在 (HTML4 で) Flash または JS ベースのハックである、 、<video>、などの多くの要素が言語に直接追加されています<audio>。ローカル ストレージ (Cookie が保持できる範囲を超えた情報を格納するための、js でアクセス可能なブラウザ組み込みのキー値データベース)、ブラウザが簡単なユーザー インターフェイスを公開できる日付などの新しい入力タイプ (これにより、 js ベースのカレンダーの日付ピッカーを使用する必要はありません)、ブラウザーでサポートされているフォームの検証により、開発者にとっては Web アプリケーションの開発がはるかに簡単になり、ユーザーにとってははるかに高速になります (多くのことがネイティブでサポートされるため、 JavaScript 経由でハッキングされるのではなく)。

改善された要素のセマンティクス

HTML5 では他にも多くの小規模な取り組みが行われています。たとえば、既存の要素のセマンティック ロールをより適切に定義したり (<strong>そして<em>、実際には別の意味を持ち、レガシー ドキュメントを解析するときにうまく機能するあいまいなセマンティクスを持っていることさえ<b>あります)、便利な新しい要素を追加したりします。<i>セマンティクス - 、、、、<article>およびWebページで使用される<section>の大部分を置き換える必要が<header>あります。そのランダムが閉じているものを確認するための面倒なスキャンはもう必要ありません。代わりに、ドキュメントの構造をより直感的にする明らかな、またはが得られます。<aside><nav><div></div></header></article>

于 2009-02-23T14:22:08.227 に答える
45

ウィキペディアから：

  • 柔軟な構文解析と互換性を重視した新しい構文解析ルール
  • 新しい要素–セクション、ビデオ、進行状況、ナビゲーション、メーター、時間、脇、キャンバス
  • 新しい入力属性–日付と時刻、電子メール、URL
  • 新しい属性– ping、charset、async
  • グローバル属性（すべての要素に適用可能）– id、tabindex、repeat
  • 非推奨の要素が削除されました–中央、フォント、ストライク
于 2008-09-25T17:37:18.350 に答える
12

HTML5 では、Web アプリケーションの作成に役立つ多くの API が導入されています。これらは、アプリケーションに導入された新しい要素と一緒に使用できます。

  • 新しいビデオおよびオーディオ要素で使用できる、ビデオおよびオーディオの再生用 API。
  • オフライン Web アプリケーションを有効にする API。
  • Web アプリケーションが特定のプロトコルまたはメディア タイプに自身を登録できるようにする API。
  • contenteditable新しいグローバル属性と組み合わせた編集 API 。
  • draggable属性と組み合わせたドラッグ アンド ドロップ API 。
  • 履歴を公開し、戻るボタンが壊れないようにページを履歴に追加できるようにする API。
于 2011-01-23T13:09:47.173 に答える
12

完全な違いについては、HTML5 Differences from HTML4: W3C Working Group Note 9 December 2014を確認してください。多くの新しい要素と要素属性があります。一部の要素は削除され、他の要素は以前とは異なるセマンティック値を持ちます。

また、キャンバスの使用など、次世代の Web アプリの構築に役立つ API も定義されており、実装が標準化されていることを確認します。

于 2008-09-25T17:35:48.993 に答える
3

このHTML5 要素と属性のリストに興味があるかもしれません。

また、「HTML4」ではなく「HTML4」であることに注意してください。実際、HTML 5 では両方のバリアントが使用されますが、意味には重要な違いがあります。HTML 5 は W3C 仕様の名前を指し、「HTML5」はこの仕様に準拠したtext/htmlMIME タイプを持つ HTML ファイルのドキュメント タイプです。同じことが XHTML 5 と XHTML5 にも当てはまります。

于 2009-04-28T21:15:36.297 に答える
2

現在、W3c はサイトで公式の違いを提供しています。

http://www.w3.org/TR/html5-diff/

于 2012-07-06T06:15:49.380 に答える
0

HTML 5は、コードに多くのセマンティック値を追加することを勧めます。さらに、マルチメディアコンテンツを埋め込むためのネイティブソリューションがあります。

残りは重要ですが、クライアントプログラミング言語で同じことをすることからあなたを救うのはより技術的な砂糖です。

于 2008-09-25T19:51:36.030 に答える
0

要するに、html に比べて非常にシンプルです。長い doctype が削除され、center と font タグも削除されます。私はまた、私のブログでこの違いに答えました: http://ravisinghblog.in/key-difference-between-html-and-html-5/

于 2013-10-23T04:17:27.530 に答える