HTML5 の新しい要素


1999 年の HTML 4.01 以来、多くのことが変わりました。現在、HTML 4.01 のいくつかの要素は非推奨となり、これらの要素は HTML5 で削除または再定義されています。

今日のインターネット アプリケーションをより適切に処理するために、HTML5 には次のような多くの新しい要素と機能が追加されました。 グラフィックの描画、マルチメディア コンテンツ、より良いページ構造、より良いフォーム Web ページを含む要素のドラッグ アンド ドロップ、位置決めのための処理およびいくつかの API アプリケーション キャッシュ、ストレージ、ネットワーク ワーカーなど


<canvas> 新しい要素

<canvas> タグは、グラフやその他の画像などのグラフィックを定義します。このタグは JavaScript の描画 API に基づいています
タグ 説明
新しいマルチメディア要素

タグ説明<audio>オーディオコンテンツを定義します <ビデオ>定義 ビデオ (ビデオまたはムービー)<source> マルチメディア リソース <video> および <audio> を定義します<embed> プラグインなどの埋め込みコンテンツを定義します。 <track> <video> や <audio> などのメディアの外部テキスト トラックを指定します。
新しいフォーム要素

ラベル 説明 <datalist> オプションのリストを定義します。この要素を input 要素と組み合わせて使用​​して、入力の可能な値を定義します。 <keygen>フォームに使用するキー ペア ジェネレーター フィールドを指定します。 <出力>スクリプト出力など、さまざまなタイプの出力を定義します。

新しい意味要素と構造要素

HTML5 は、より良いページ構造を作成するための新しい要素を提供します:

タグ description
<article> ページの独立したコンテンツ領域を定義します。
<aside> ページのサイドバーのコンテンツを定義します。
<bdi>親要素のテキスト方向設定とは独立してテキストを設定できます。
<コマンド>ラジオボタン、チェックボックス、ボタンなどのコマンドボタンを定義します
<詳細>ドキュメントまたはドキュメントの一部の詳細を説明するために使用されます
<dialog>プロンプトボックスなどのダイアログボックスを定義します
<summary>タグには詳細要素のタイトルが含まれます
<figure>独立したフローコンテンツを指定します(画像、チャート、写真、コードなど)。
<figcaption><figure>要素のタイトルを定義します
<footer>セクションまたはドキュメントのフッターを定義します。
<header>はドキュメントのヘッダー領域を定義します
<mark>はマーク付きのテキストを定義します。
<メートル>度量衡の定義。最大値と最小値がわかっている測定にのみ使用してください。
<nav> ナビゲーション リンクの部分を定義します。
<進捗状況> あらゆる種類のタスクの進捗状況を定義します。
<ruby>ルビのコメント(中国語の発音表記または文字)を定義します。
<rt>文字 (中国語の表音文字または文字) の解釈または発音の定義。
<rp> は、ruby 要素をサポートしていないブラウザによって表示されるコンテンツを定義するために、ruby コメントで使用されます。
<section>ドキュメント内のセクション(セクション、セクション)を定義します。
<時間>日付または時間を定義します。
<wbr> テキスト内の改行を追加するのが適切な場所を指定します。


削除された要素

次の HTML 4.01 要素が HTML5 で削除されました:

  • <頭字語>

  • <アプレット>

  • <ベースフォント> <big>

  • <center>

  • <dir>

  • <font>

  • <frame> <フレームセット>

  • < noframes>

  • <ストライク>

  • <tt>