HTML5には、HTML4とは異なるいくつかの目標があります。
主なものは一貫した、定義されたエラー処理です。ご存知のように、HTMLは意図的に「タグスープ」、または不正な形式のコードを記述し、有効なドキュメントに修正する機能をサポートしています。問題は、これを行うためのルールがどこにも書かれていないことです。新しいブラウザベンダーが市場に参入する場合、さまざまなブラウザ(特にIE)で不正な形式のドキュメントをテストし、エラー処理をリバースエンジニアリングするだけです。そうしないと、多くのページが正しく表示されません(推定では、ページの約90%が少なくともやや奇形であると見なされます)。
そのため、HTML5はこのエラー処理を発見して体系化しようとしているため、ブラウザ開発者はすべてを標準化し、一貫した表示に必要な時間と費用を大幅に削減できます。同様に、HTMLがドキュメント形式として死んでからずっと後、歴史家はまだドキュメントを読みたいと思うかもしれません。完全に定義された解析アルゴリズムを持つことはこれを大いに助けます。
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>
が表示され、ドキュメントの構造がより直感的になります。
From Wikipedia :
完全な違いについては、 HTML4とのHTML5の違い:W3Cワーキンググループノート9 12月2014 を確認してください。多くの新しい要素と要素属性があります。削除された要素と、以前とは異なるセマンティック値を持つ要素があります。
また、キャンバスの使用などのAPIが定義されており、次世代のWebアプリの構築を支援し、実装が標準化されていることを確認します。
HTML5には、Webアプリケーションの作成に役立つ多くのAPIが導入されています。これらは、アプリケーション用に導入された新しい要素と一緒に使用できます。
contenteditable
属性と組み合わせた編集API。draggable
属性と組み合わせたドラッグアンドドロップAPI。HTML5の要素と属性 のこのリストに興味があるかもしれません。
また、「HTML4」ではなく「HTML 4」であることに注意してください。実際、HTML 5では両方のバリアントが使用されますが、意味には重要な違いがあります。 HTML 5はW3C仕様の名前を指しますが、「HTML5」は、この仕様に続くtext/html
MIMEタイプを持つHTMLファイルのドキュメントタイプです。 XHTML 5とXHTML5についても同じことが言えます。
現在、W3cはサイトで公式の違いを提供しています。
要するに、htmlと比較して非常に単純で、長いdoctypeが削除され、中央およびフォントタグも削除されます。私は私のブログでもこの違いに答えました: http://ravisinghblog.in/key-difference-between-html-and-html-5/
HTML 5は、コードに多くのセマンティックな価値を与えることを勧めます。さらに、マルチメディアコンテンツを埋め込むネイティブソリューションがあります。
残りは重要ですが、それはクライアントプログラミング言語で同じことをすることからあなたを救うより技術的な砂糖です。