私の考えでは、HTML 5 は妥協的な解決策ではありますが、抜本的ではありませんが、テクノロジーの継続的な進歩を促進することができます。名前空間はなく、要素を閉じる必要はありません (もちろん、これは利点ではありません)。ブラウザは一部のエラーを寛大に処理できます。すべては前世紀の HTML 4 の実践に従っています。 HTML レンダリングに関して言えば、ブラウザは 1999 年のレベルで止まっています。この目的を達成するために、HTML 5 は実用的なソリューションであり、長年にわたり世界中に散在してきた HTML を処理し続けることができるだけでなく、ブラウザのメーカーが新しい機能を追加することも容易になります。これを正常に劣化させるといいます。 HTML 5 で追加された新しい要素をいくつか見てみましょう。

構造要素

これは本当に嬉しいことです。現時点では、「ユニバーサル」 div を通じてのみ構造を定義できます。ヘッダー、フッター、サイドバーなどの属性 ID の値を設定することで、ヘッダー、ボトム、またはサイドバーをそれぞれ表現しようとします。これらを使用すると、コード作成者は ID の命名について心配する必要がなくなり、携帯電話、リーダー、その他のデバイスにとってセマンティックな利点がさらに広がります。 HTML 5 では、最も一般的に使用される次の構造を表現するための新しい構造要素が追加されています。

セクション: これは、本の一部または章、または章内のセクションを表すことができます。

header: ページ本文のヘッダー。 head要素ではありません

フッター: ページの下部 (フッター)。電子メールの署名の場所となる場合があります。

nav: 他のページへのリンクのコレクション

記事: ブログ、雑誌、要約などに掲載された独立した記録。

たとえば、HTML 5 で書かれたブログのホームページは次のようになります (一部省略されています)。

m 要素は、強調する必要のないテキストをマークするために使用されます。これはまだ議論の余地があり、最終的にはマークに変更される可能性があります。

time 要素は、その名前が示すように、時間を表現するために使用されます。マシンが認識できる時刻を示すには、次のような日時機能が必要です。

2008 年 8 月 8 日午後 8:08:08 メーター要素は、特定の範囲内の値を表します。給与、割合、端数などに使用できます。例えば：

申し訳ありませんが、150cm しかありません。次のようなさまざまな意味を表現する 6 つの機能もあります。

あなたのスコアは次のとおりです: B+。

また、その名前が示すとおり、進歩を表すために使用される progress もあります。

目標達成: 40% マルチメディアの埋め込み

ビデオとオーディオ要素を追加しました。名前が示すように、それぞれビデオとサウンドを挿入するために使用されます。形式に関しては、実装はブラウザーに任されており、HTML では特定の形式を再生するための特別なコードは必要なくなりました。 imgと同様にpng、jpg、gifいずれでも表示可能です。特に、コンテンツを含めることができます。たとえば、特定の曲に歌詞を挿入できます。

インタラクティブ性

HTML 5 は Web アプリケーション 1.0 とも呼ばれるため、インタラクティブな機能もさらに開発されています。これらのタグは、ページのインタラクティブなエクスペリエンスを向上させるために設計されています。

詳細

これは特定のコンテンツを表すために使用されますが、デフォルトではコンテンツが表示されない場合があります。何らかの手段 (クリックなど) で凡例を操作すると表示されます。これは、JavaScript を使用してコンテンツの一部を非表示にし、クリック後にコンテンツを表示する現在の方法に似ています。例えば：

人生のあらゆる部分を一文で記録し、

データグリッドはデータの制御に使用され、ユーザーまたはスクリプトによって更新できます。

メニューは HTML 2 には存在していましたが、HTML 4 では廃止されました。 HTML 5の無駄を利用し、期間中にコマンド要素を追加します。

参考: HTML 5 の新しい要素