HTMLのタグ(要素)について、それぞれの意味と使い方、使用できる属性、サンプルコード、使用例を解説した記事の一覧です。タグの名前と用途を表した見出しから、各記事にリンクしています。各記事の内容は、2014年10月に正式勧告されたHTML5の仕様に基づいています

HTMLを初めて使う方や基礎から学びたい方は、「HTML入門 - 書き方、グローバル属性、関連仕様まとめ」も併せて参照してください。

基本構造html ルート要素を表す
head メタデータのあつまりを表す
body 文書の内容を表す
meta 文書のメタデータを表す
title 文書のタイトルを表す
base 基準となるURLを指定する
link 文書を他の外部リソースと関連付ける
style スタイル情報を記述する
script クライアントサイドスクリプトのコードを埋め込む
noscript スクリプトが無効な環境の内容を表す
template スクリプトが利用するHTMLの断片を定義する
セクションと見出しmain 主要なコンテンツを表す
article 独立した記事セクションを表す
section 文書のセクションを表す
nav 主要なナビゲーションを表す
aside 補足情報を表す
h1〜h6 セクションの見出しを表す
header ヘッダーを表す
footer フッターを表す
address 連絡先情報を表す
段落と箇条書きp 段落を表す
blockquote 段落単位での引用を表す
ol 序列リストを表す
ul 順不同リストを表す
li リストの項目を表す
dl 定義リストを表す
dt 定義リストの語句を表す
dd 定義リストの説明文を表す
figure 写真などのまとまりを表す
figcaption 写真などにキャプションを付与する
pre 整形済みテキストを表す
hr 段落の区切りを表す
div フローコンテンツをまとめる
テキストの定義a リンクを設置する
em 強調したいテキストを表す
strong 重要なテキストを表す
b 特別なテキストを表す
i 質が異なるテキストを表す
mark ハイライトされたテキストを表す
u テキストをラベル付する
small 細目や注釈のテキストを表す
s 無効なテキストを表す
cite 作品のタイトルを表す
q 語句単位での引用を表す
dfn 定義語を表す
abbr 略称を表す
time 日時や時刻、経過時間を表す
data さまざまなデータを表す
ruby ルビを表す
rt ルビテキストを表す
rp ルビテキストを囲む括弧を表す
rb ルビの対象テキストを表す
rtc ルビテキストのあつまりを表す
sup/sub 上付き・下付きテキストを表す
code コンピューター言語のコードを表す
var 変数を表す
kbd 入力テキストを表す
samp 出力テキストの例を表す
bdo テキストに書字方向を指定する
bdi 書字方向が異なるテキストを表す
br 改行を表す
wbr 折り返し可能な箇所を指定する
span フレーズをグループ化する
ins/del 追記、削除されたテキストを表す
画像/音声/動画img 画像を埋め込む
map クリッカブルマップを表す
area クリッカブルマップにおける領域を指定する
audio 音声ファイルを埋め込む
video 動画ファイルを埋め込む
track テキストトラックを埋め込む
source 選択可能なファイルを複数指定する
embed アプリケーションやコンテンツを埋め込む
iframe 他のHTML文書を埋め込む
object 埋め込まれた外部リソースを表す
param 外部リソースが利用するパラメーターを与える
canvas グラフィック描画領域を提供する
picture レスポンシブ・イメージを実現する
テーブルtable 表組みを表す
caption 表組みのタイトルを表す
tr 表組みの行を表す
td 表組みのセルを表す
th 表組みの見出しセルを表す
thead 表組みのヘッダー部分の行グループを表す
tbody 表組みの本体部分の行グループを表す
tfoot 表組みのフッター部分の行グループを表す
colgroup 表組みの列グループを表す
col 表組の列を表す
フォームform フォームを表す
input 入力コントロールを表示する
input type="submit" 送信ボタンを設置する
input type="image" 画像形式の送信ボタンを設置する
input type="reset" 入力内容のリセットボタンを設置する
input type="hidden" 閲覧者には表示しないデータを表す
input type="text" 1行のテキスト入力欄を設置する
input type="search" 検索キーワードの入力欄を設置する
input type="tel" 電話番号の入力欄を設置する
input type="url" URLの入力欄を設置する
input type="email" メールアドレスの入力欄を設置する
input type="password" パスワードの入力欄を設置する
input type="datetime" 日時の入力欄を設置する
input type="month" 月の入力欄を設置する
input type="week" 週の入力欄を設置する
input type="date" 日付の入力欄を設置する
input type="time" 時刻の入力欄を設置する
input type="number" 数値の入力欄を設置する
input type="range" おおまかな数値の入力欄を設置する
input type="checkbox" チェックボックスを設置する
input type="radio" ラジオボタンを設置する
input type="file" 送信するファイルの選択欄を設置する
input type="button"
スクリプト言語を起動するためのボタンを設置する
input type="color" RGBカラーの入力欄を設置する
button ボタンを設置する
textarea 複数行にわたるテキスト入力欄を設置する
select プルダウンメニューを表す
option 選択肢を表す
optgroup 選択肢のグループを表す
datalist 入力候補を提供する
label 入力コントロールにおける項目名を表す
fieldset 入力コントロールの内容をまとめる
legend 入力コントロールの内容グループに見出しを付ける
keygen 公開鍵の鍵ペアを生成する
output 計算の出力結果を表す
progress 進捗状況を表す
meter 特定の範囲にある数値を表す
インタラクティブdetails 操作可能なウィジットを表す
summary ウィジット内の項目の要約や説明文を表す
menu 操作メニューを表す
menuitem 操作メニューの項目を表す
dialog ダイアログを表す