HTML5 新しい要素
HTML5 の新要素
1999年にHTML4.01が標準になって以来、インターネットは大きく変りました。
今日、HTML4.01の要素には、時代遅れになったり、使われなくなったり、意図した方法では使われなくなった要素がいくつかあります。
このような要素は、HTML5 では削除、または書き換えられています。
また、今日のインターネット利用を改良するために、HTML5には、より改善された構造や、描画、メディア・コンテンツ、
フォームを取扱うための新しい要素が追加されています。
新マーク・アップ要素
構造を改善するための新要素:
| タグ |
説明 |
| <article> |
記事を定義します
|
<aside> |
ページのコンテンツ以外のコンテンツを定義します
|
| <bdi> |
テキストの一部を他のテキストと異なる方向にフォーマットしたい部分を分離します |
<command> |
ユーザが呼び出すことのできるコマンドボタンを定義します |
| <details> |
ユーザが表示または非表示にすることができる追加の詳細を定義します |
| <summary> |
<details>要素の表示見出しを定義します |
| <figure> |
イラスト、図表、写真、コードのリストなどのような、自己完結型のコンテンツを指定します
|
| <figcaption> |
<figure>要素の表題を定義します |
| <footer> |
文書またはセクションのフッタを定義します
|
| <header> |
文書またはセクションのヘッダを定義します
|
| <hgroup> |
見出しが複数の階層にある場合、<h1>-<h6>などの見出しセットをグループ化してまとめるために使用します
|
| <mark> |
マークまたはハイライトされたテキストを定義します
|
| <meter> |
既知の範囲（ゲージ）内のスカラ計測値を定義します |
| <nav> |
ナビゲーションリンクを定義します |
| <progress> |
タスクの進行状況を表します |
| <ruby> |
ルビ注釈を定義します（東アジアタイポグラフィ用） |
| <rt> |
文字の説明/発音を定義します（東アジアのタイポグラフィ用） |
| <rp> |
ルビをサポートしていないブラウザに表示するものを定義します
|
| <section> |
文書内のセクションを定義します
|
| <time> |
日付/時刻を定義します |
| <wbr> |
改行しても良い位置を定義します |
新たなメディア要素
HTML5 は、メディア・コンテンツへの新たな標準を提供します:
| タグ |
説明 |
| <audio> |
サウンドコンテンツを定義します |
<video> |
ビデオや映画を定義します |
| <source> |
<video>や<audio>に対する複数のメディアリソースを定義します |
| <embed> |
外部アプリケーションやインタラクティブコンテンツのコンテナを定義します（プラグイン） |
| <track> |
<video>と<audio>のテキストトラックを定義します |
Canvas 要素
canvas 要素は、web ページに描画するため JavaScript を使用します。
| タグ |
説明 |
| <canvas> |
スクリプト（通常は、JavaScript）を介して、動的にグラフィックスを描画するために使用します |
新たなフォーム要素
HTML5は、より多くの機能を持つフォーム要素を提供します:
| タグ |
説明 |
| <datalist> |
入力コントロールのための事前定義されたオプションのリストを指定します |
| <keygen> |
鍵ペア生成フィールドを定義します（フォーム用）
|
| <output> |
計算の結果を定義します |
新たな Input Type 属性値
また、input 要素の type 属性には、サーバに送信する前に優れた入力制御のために、多くの新しい値が設定されています。:
| タイプ |
説明 |
| tel |
入力値は電話番号型 |
| search |
入力フィールドは検索フィールド |
| url |
入力値はURL |
| email |
入力値は1つ以上のメールアドレス |
| datetime |
入力値は日付および/または時刻 |
| date |
入力値は日付 |
| month |
入力値は月 |
| week |
入力値は週 |
| time |
入力値は時刻 |
| datetime-local |
入力値はローカル日付/時刻 |
| number |
入力値は数値 |
| range |
入力値は指定範囲の数値 |
| color |
入力値は #FF8800 のような16進表記の色 |
| placeholder |
入力フィールドの期待する値を説明する短いヒントを指定 |
削除された要素
次の HTML 4.01 の要素は、HTML5 からは削除されました:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
|