集客に強いSEO対策完備のホームページ制作会社|新潟・東京・名古屋→全国対応
お電話

スタッフブログ

58 HTML5の要素まとめ

2017/06/03 HTML

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 インタラクティブ ダイアログボックスなどを表す

関連記事