web-dev-qa-db-ja.com

HTML 4とHTML 5の主な違いは何ですか?

HTML4HTML5ドラフト の主な違いは何ですか?

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

140
deepwell

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

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

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

そのため、HTML5はこのエラー処理を発見して体系化しようとしているため、ブラウザ開発者はすべてを標準化し、一貫した表示に必要な時間と費用を大幅に削減できます。同様に、HTMLがドキュメント形式として死んでからずっと後、歴史家はまだドキュメントを読みたいと思うかもしれません。完全に定義された解析アルゴリズムを持つことはこれを大いに助けます。

より良いWebアプリケーション機能

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

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

HTML5では、既存の要素に対してより明確に定義されたセマンティックロール(<strong><em>が実際には何か異なることを意味し、<b><i>でもあいまいなセマンティクスがあり、レガシードキュメントを解析するときにうまく機能するなど)有用なセマンティクスを備えた新しい要素-<article><section><header><aside>、および<nav>は、Webページで使用される<div>sの大部分を置き換え、ページをもう少しセマンティックにしますが、より重要なのは読みやすい 。ランダムな</div>が何を閉じているのかを確認するのに苦労する必要はありません。代わりに、明らかな</header>または</article>が表示され、ドキュメントの構造がより直感的になります。

191
Xanthir

From Wikipedia

  • 柔軟な解析と互換性を指向した新しい解析ルール
  • 新しい要素-セクション、ビデオ、進行状況、ナビゲーション、メーター、時間、脇、キャンバス
  • 新しい入力属性-日付、時刻、電子メール、URL
  • 新しい属性-ping、charset、async
  • グローバル属性(すべての要素に適用可能)– id、tabindex、repeat
  • 廃止された要素-センター、フォント、ストライク
43

完全な違いについては、 HTML4とのHTML5の違い:W3Cワーキンググループノート9 12月2014 を確認してください。多くの新しい要素と要素属性があります。削除された要素と、以前とは異なるセマンティック値を持つ要素があります。

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

12
Zach

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

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

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

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

3
Mathias Bynens

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

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

2
Sajit

要するに、htmlと比較して非常に単純で、長いdoctypeが削除され、中央およびフォントタグも削除されます。私は私のブログでもこの違いに答えました: http://ravisinghblog.in/key-difference-between-html-and-html-5/

0
user2909753

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

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

0
e-satis