HTML5 要素一覧

要素タイプの一覧
要素名 説明
ルート要素
<html> 文書のルート要素
文書のメタデータ
<head> メタデータの集まりを表す
<title> 文書にタイトルを付ける
<base> 相対リンクの基準となるURLを指定する
<link> 別の文書類と関連付ける
<style> スタイルシートを指定する
<meta> 文書に関する様々なメタデータを表す
セクション
<body> 文書の本体を表す
<article> 自己完結したセクションを表す
<section> 一般的なセクションを表す
<nav> ナビゲーションを表す
<aside> 補足的なセクションを表す
<h1>-<h6> 見出しを付ける
<hgroup> 見出しをグループ化する (廃止
<header> ヘッダを表す
<footer> フッタを表す
<address> 連絡先を表す
コンテンツのグループ化
<p> 段落を表す
<hr> テーマの区切りを表す
<pre> 整形済みのテキスト
<blockquote> 引用セクションを表す
<ol> 順序付きのリストを作る
<ul> 順不同のリストを作る
<li> リストの項目を表す
<dl> 記述リストを作る
<dt> 記述リストの名前部分を表す
<dd> 記述リストの値部分を表す
<figure> 参照される図版を表す
<figcaption> 図版にキャプションを付ける
<main> 文書のメインコンテンツを表す
<div> 特定の範囲をグループ化する
テキストの意味
<a> リンクを設定する
<em> 強調を表す
<strong> 重要性を表す
<small> 細目のような注釈を表す
<s> すでに正確ではない内容を表す
<cite> 作品のタイトル・著者名・URLを表す
<q> 引用フレーズを表す
<dfn> 定義される用語を表す
<abbr> 略語や頭字語を表す
<code> ソースコードを表す
<var> 変数を表す
<samp> プログラムの出力サンプルを表す
<kbd> ユーザーが入力する内容を表す
<data> コンピュータ向けのデータを指定する
<sub> 下付き文字を表す
<sup> 上付き文字を表す
<time> 日付や時刻を表す
<i> 他と区別されるテキストを表す(思考・専門用語 等)
<b> 他と区別されるテキストを表す(キーワード・製品名 等)
<u> 軽めのラベル付け
<mark> テキストのハイライト表示
<ruby> ルビ(ふりがな)を振る
<rb> ルビの対象テキストを表す
<rt> ルビテキストを表す
<rtc> ルビテキストのコンテナ
<rp> ルビテキストを括弧で囲む
<bdi> 隔離されたテキストを表す
<bdo> 書字方向を指定する
<span> 特定の範囲をグループ化する
<br> 改行する
<wbr> 改行位置の候補を表す
訂正
<ins> 追加された部分を表す
<del> 削除された部分を表す
コンテンツの埋め込み
<img> 画像を表示する
<picture> レスポンシブイメージ(画像内容の最適化) (HTML 5.1)
<iframe> インラインフレームを作る
<embed> プラグインデータを埋め込む
<object> 外部リソースを埋め込む
<param> パラメータを指定する
<video> プラグインを使わずに動画を再生する
<audio> プラグインを使わずに音声を再生する
<track> 動画・音声と同期するテキストトラック
<source> メディアリソースの候補を指定する
<map> イメージマップを作る
<area> イメージマップのリンク領域を設定する
テーブル
<table> 表を作る
<caption> 表にキャプションを付ける
<colgroup> 表の列をグループ化する
<col> 表の列を表す
<tbody> 表の行をグループ化する(本体部分)
<thead> 表の行をグループ化する(ヘッダ部分)
<tfoot> 表の行をグループ化する(フッタ部分)
<tr> 表の行を表す
<td> データセルを表す
<th> 見出しセルを表す
フォーム
<form> 入力フォームを作る
<fieldset> フォーム部品をグループ化する
<legend> 部品グループにキャプションを付ける
<label> フォーム部品とラベルを関連付ける
<input> 入力欄・選択肢・ボタンを作る
<select> プルダウンメニューを作る
<option> プルダウンメニューや入力候補の選択肢を作る
<optgroup> プルダウンメニューの選択肢をグループ化する
<textarea> 複数行のテキスト入力欄を作る
<button> 内容を持つボタンを作る
<datalist> 入力候補のリストを作る
<keygen> 暗号鍵を生成する (廃止予定
<output> 計算結果の出力欄を作る
<progress> 作業の進捗状況を示す
<meter> 特定範囲内の数量や割合を示す
スクリプティング
<script> JavaScriptを埋め込む
<noscript> スクリプトが利用できない環境用の内容
<template> スクリプトで利用するHTMLコードのテンプレート
<canvas> スクリプト使ってグラフィックスを描く
インタラクティブ
<details> リクエストに応じて詳細情報を提供する (HTML 5.1)
<summary> 詳細情報のキャプションや要約を表す (HTML 5.1)
<menu> ポップアップメニューを表す (HTML 5.1)
<menuitem> ポップアップメニューの項目を表す (HTML 5.1)
<command> コマンドを表す (廃止