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> |
コマンドを表す （廃止） |