気の向くままに辿るIT/ICT
webzoit.netウェブサイトホームページ
HTML/XHTMLタグ・要素・属性・属性値

HTML5要素・タグ一覧【用途別】

ウェブ造ホーム前へ次へ
サイト内検索
カスタム検索
HTML5の要素・タグにはどんなものがあるの?

HTML5要素・タグ一覧【用途別】

HTML5要素・タグ一覧【用途別】

 HTML5で定義されている要素自体は全108要素、内HTML4から継承または再定義されたのが(91要素中の)78要素、HTML5で新たに追加となった要素は30要素ですが、これとは別に数学・科学技術計算のMath系マークアップ(MathML3.0)もHTML5で仕様化され拡張されています。

 ここでは、便宜的にHTML4的発想で13系統に分類してみました。

webzoit分類リンク
アンカー系リスト系
table要素系部分修正系
定義系国際化
フォント系
form要素系入出力書式系
プラグイン系特殊文字系
構造系マルチメディア系

 この内、アンカー関連要素、table要素関連、リスト関連要素、部分修正関連要素の4系統に追加はありません

 更に残る9系統の内、フォント系要素、国際化関連要素、定義系要素の3系統の追加は各1要素、更にform要素関連、入出力書式関連の2系統における追加は各2要素、プラグイン・組み込み要素関連と特殊文字関連2系統の追加は3要素、よってこの8系統における追加要素は13要素です。

 よって比較的大幅な追加となっているのは、マルチメディア関連で5要素、構造関連の12要素2系統で追加要素全30要素中、17要素を占めています。

 このページでは、HTML5で追加された要素のチェック、HTML5全要素の分類ごとの簡略説明付き一覧と特記事項を記すに留め、詳細は、該当する下記リンク先にそれぞれ記載します。

*尚、New列の*はHTML5で新たに追加された要素を表します。

HTML5【アンカー関連】

New要素説明
 aAnchor/ハイパーリンク・アンカー
 baseページ、サイトにおける基準となるパス設定(自サイト内アンカーでドメインを省略する場合等)

HTML5【table要素関連】

New要素説明
 tableテーブル・表組み
 captionテーブルキャプション(表題)
 theadTable HEADer/テーブルの見出し行のグループ
 tfootTable FOOTer/テーブルのフッター行のグループ
 tbodyTable BODY/テーブル内の行のグループ化
 trTable RowsまたはRecords/表の行
 thTable Header/テーブルの見出しセル
 tdTable Data/テーブルセル
 colCOLumn/table要素内の列(表の列)
 colgrouptable要素内の列のグループ

HTML5【リスト要素関連】

New要素説明
 dtdd要素の凡例(複数可)
 dddt要素と一致するコンテンツ(複数可)
 dlDataList/0個以上の名前から成る関連リスト・単独またはdd/dt要素とセット
 ulUnordered List/(番号付きではない)一覧
 olOrder/Odinal List/順序付きリスト
 liLIst/リストの各項目

HTML5【部分修正関連】

New要素説明
 delDELete/文書からの削除
 insINSert/(文書への)追加
 sStrike/抹消線・打ち消し線(不正確なテキスト)

HTML5【フォント系要素関連】

New要素説明
*markMARKer/マーカー・ハイライト
 bBold/太字
 emEMphasis/強調・力説・重点(イタリック体+太字)
 strong強調/重要
 small小文字・補足コメント
 uUnderline/下線
  i Italic/イタリック体(斜字)

HTML5【国際化関連】

New要素説明
*bdiテキストの方向性の分離
 bdoテキストの方向の書式設定

HTML5【定義要素関連】

New要素説明
*time日付および/時間
 abbrABBReviation/略語
 dfnDeFiNition/インスタンスの定義

HTML5【form要素関連】

New要素説明
*datalistコンボボックスコントロールのオプションのコンテナ
*keygenKey GENerator/フォームにおける暗号鍵ジェネレータのコントロール
 formユーザーフォーム
 button(必要に応じた実行)ボタンコントロール
 labelフォームコントロールのキャプション
 legendfieldset要素の子要素でfieldset用キャプション
 fieldsetフォームコントロールのグループ
 selectリストボックスコントロール
 inputフォームの制御
 optgroupリストボックスのオプションのグループ化
 optionリストボックスまたはコンボボックスコントロールのオプション
 textarea複数行のテキストフィールド

HTML5【入出力書式関連】

New要素説明
*output出力(計算された出力値等)
*wbrWord BReak/改行機会・文字区切り・改行すべき位置の指定(ブラウザユーザーエージェントへの指示)
 cite作品のタイトル
 codeコンピュータコード
 varVARiable/変数
 kbdKeyBoarD/ユーザの入力
 sampSAMPle/コンピュータ出力
 pre整形済みテキストのブロック・入力通りに表示

HTML5【スクリプト・プラグイン関連】

New要素説明
*embed組み込み(プラグイン)
*meterゲージ
*progress進捗バー
 style埋め込みCSS/インラインスタイル
 script埋め込みスクリプト
 noscriptスクリプトのためのフォールバックコンテンツ/スクリプトを利用できないユーザーへのアナウンス
 object画像・別URLページのネスト(入れ子)やプラグイン
 paramPARAMeter/object要素のパラメータ用

 embed要素は、古くから存在するものの実はHTML仕様としては標準化されたことがありませんでした。

HTML5【特殊文字関連】

New要素説明
*rubyルビ、振り仮名、振り仮名用の活字
*rtRuby Text/ルビのテキスト
*rpRuby Parentheses/ルビテキストの括弧
 subSUBscript/下付き文字
 supSUPerscript/上付き文字

HTML5【マルチメディア関連】

New要素説明
*canvasスクリプト可能なビットマップのキャンバス
*audioオーディオプレーヤー
*videoビデオプレーヤー
*sourcevideo要素またはaudio要素のメディアソース
*track時限テキストトラック
 imgIMaGe/画像・イメージ
 areaイメージマップ上のハイパーリンク領域またはデッド領域
 mapイメージマップ
 iframe別URLのページの埋め込み・入れ子

HTML5【構造関連】

New要素説明
*commandmenu要素の子要素ではないがmenu要素含めメニューコマンド/イベントにおけるコマンド実行・チェックボックス・ラジオボタンの実装用
*navナビゲーションリンクを持つセクション
*article記事/単一まはた複数設定可
*aside余談・補足記事
*details詳細と詳細の開閉制御
*summary概要(details要素の子要素で詳細における表題)
*figure図(オプションとしてキャプションを持つ)
*figcaptionfigure要素の子要素で図のキャプション(表題)
*headerページまたはセクション用ヘッダ
*hgroupHeaderGROUP/h1~h6を子要素とした見出しのグループ化
*section一般的なHTML文書またはアプリケーションのセクション
*footerHTML文書(ページ)またはセクション用フッタ
 htmlHTML文書(ページ)のルート要素
 headドキュメントのメタデータのコンテナ
 titleドキュメントのタイトル
 linkリンク用メタデータ(データの為のデータ)
 metaテキストのメタデータ
 bodyHTML文書(ページ)の本体要素
 menu(command要素に限らず)コマンド系のメニュー用要素として再定義
 addressページまたはセクション(章)の連絡先情報
 h1, h2, h3, h4, h5, h6Header1~6/セクションの見出し
 hrHoRizon/水平線(横罫線)・テーマ区切り
 pParagraph/段落
 blockquote別のソースから引用されたセクション
 qQuote/同一行内において引用符を使用するようなシチュエーションで使用
 brBReak line/改行
 divDIVideまたはDIVision/一般的な流れの(ブロック)コンテナ
 span一般的なフレーズの(インライン)コンテナ

各種HTMLとHTMLタグ/要素・属性・属性値

ウェブ造ホーム前へ次へ