58 HTML5の要素まとめ

HTML5の要素まとめ

HTML5の要素まとめ

HTML5では、従来の役割であった文書作成の機能に加えて、グラフィックスの描画、音声や動画の再生機能のようなマルチメディア機能、Webアプリケーション作成のための機能などが追加されています。そういった要素も含めて一覧としてまとめました。「HTML5」の列に○がついている要素はHTML5で追加された要素です。

要素名	カテゴリー	説明	HTML5
html	ルート要素	HTML文書のルート要素を表す
head	メタデータ	メタデータの集まりを表す
title	メタデータ	HTML文書のタイトルを表す
base	メタデータ	相対URLの基準となるURLを指定する
link	メタデータ	他の文書などに関連付ける
meta	メタデータ	文書に関するメタデータを表す
style	メタデータ	スタイル情報を埋め込む
script	スクリプティング	JavaScriptを埋め込む
noscript	スクリプティング	JavaScriptが無効な場合の情報を表す
body	セクション	文書のセクションを表す
article	セクション	自己完結したセクションを表す	○
section	セクション	一般的なセクションを表す	○
nav	セクション	ナビゲーションを表す	○
aside	セクション	補足的なセクションを表す	○
h1-h6	セクション	見出しを表す
header	セクション	ヘッダーを表す	○
footer	セクション	フッターを表す	○
adress	セクション	連絡先情報を表す
p	コンテンツのグループ化	段落を表す
hr	コンテンツのグループ化	テーマの区切りを表す
pre	コンテンツのグループ化	整形済みテキストを表す
blockquote	コンテンツのグループ化	引用セクションを表す
ol	コンテンツのグループ化	番号ありの箇条書きを表す
ul	コンテンツのグループ化	番号なしの箇条書きを表す
li	コンテンツのグループ化	箇条書きを表す
dl	コンテンツのグループ化	適宜がたの箇条書きを表す
dt	コンテンツのグループ化	定義する用語を表す
dd	コンテンツのグループ化	用語の説明を表す
figure	コンテンツのグループ化	図版を表す	○
figcaption	コンテンツのグループ化	図版のキャプションをつける	○
div	コンテンツのグループ化	様子をグループ化する
main	コンテンツのグループ化	body要素のメインコンテンツを表す	○
a	テキストの意味付け	リンクを設定する
em	テキストの意味付け	強調したい箇所を表す
strong	テキストの意味付け	重要な箇所を表す
small	テキストの意味付け	注釈を表す
s	テキストの意味付け	正確ではない内容を表す
cite	テキストの意味付け	作品のタイトルを表す
q	テキストの意味付け	短めの引用を表す
dfn	テキストの意味付け	定義される用語を表す
abbr	テキストの意味付け	略語や頭字語を表す
time	テキストの意味付け	日付や時刻を表す	○
code	テキストの意味付け	ソースコードを表す
var	テキストの意味付け	変数を表す
samp	テキストの意味付け	出力サンプルを表す
kbd	テキストの意味付け	ユーザーが入力する文字を表す
sub	テキストの意味付け	下付き文字を表す
sup	テキストの意味付け	上付き文字を表す
i	テキストの意味付け	専門用語、慣用句などを表す
b	テキストの意味付け	キーワード、製品などを表す
u	テキストの意味付け	注意を喚起する
mark	テキストの意味付け	強調表示	○
ruby	テキストの意味付け	ルビを振る	○
rt	テキストの意味付け	ルビのテキストを表す	○
rp	テキストの意味付け	ルビ用の括弧	○
bdi	テキストの意味付け	分離されたテキストを表す	○
bdo	テキストの意味付け	テキストの方向を指定する
span	テキストの意味付け	任意の範囲をグループ化する
br	テキストの意味付け	改行する
wbr	テキストの意味付け	改行してもいい位置を表す	○
ins	訂正	追加された箇所を表す
del	訂正	削除された箇所を表す
img	コンテンツの埋め込み	画像を表示する
iframe	コンテンツの埋め込み	インラインフレーム
embed	コンテンツの埋め込み	プラグインデータを埋め込む	○
object	コンテンツの埋め込み	プラグインなどを埋め込む
param	コンテンツの埋め込み	プラグインのパラメータを指定する
video	コンテンツの埋め込み	動画を再生する	○
audio	コンテンツの埋め込み	音声を再生する	○
source	コンテンツの埋め込み	複数のメディアリソースを指定する	○
track	コンテンツの埋め込み	テキストトラックを指定する	○
canvas	コンテンツの埋め込み	グラフィックを描画する	○
map	コンテンツの埋め込み	イメージマップを定義する
area	コンテンツの埋め込み	イメージマップのリンク領域を設定する
table	テーブル	表を作る
caption	テーブル	表のキャプション
colgroup	テーブル	表の列をグループ化する/td>
col	テーブル	表の列を表す
tbody	テーブル	表の本体にあたる行をグループ化する
thead	テーブル	表のヘッダーにあたる行をグループ化する
tfoot	テーブル	表のフッターにあたる行をグループ化する
tr	テーブル	表の行を表す
td	テーブル	行の中のデータセルを表す
th	テーブル	表の見出しセルを表す
form	フォーム	入力フォームを作る
fieldset	フォーム	フォームの部品をグループ化する
legend	フォーム	グループ化された部品にキャプションをつける
label	フォーム	ユーザーインターフェイスのキャプションをつける
input	フォーム	フォームの入力部品を作る
button	フォーム	ボタンを作る
select	フォーム	選択メニューを作る
datalist	フォーム	入力候補のリストを作る	○
optgroup	フォーム	選択メニューの選択肢をグループ化
option	フォーム	選択肢を作る
textarea	フォーム	複数行のテキスト入力欄を作る
keygen	フォーム	暗号用の秘密鍵と公開鍵を作る	○
output	フォーム	計算の結果を表す	○
progress	フォーム	タスクの進行状況を表す	○
meter	フォーム	既知の範囲にある数量や割合を表す	○
details	インタラクティブ	追加情報を表す	○
summary	インタラクティブ	detail要素の要約や凡例を表す	○
dialog	インタラクティブ	ダイアログボックスなどを表す	○