HTML5タグリファレンス【目的別一覧】

MENU
ドキュメントタイプ宣言
ルート要素
ドキュメントメタデータ
セクション
コンテンツのグループ化
テキストの意味
編集
埋め込みコンテンツ
テーブル(表)
フォーム
インタラクティブ
スクリプティング

ドキュメントタイプ宣言

ルート要素

  • <html> ………… HTML文書のルートを示す

ドキュメントメタデータ

  • <head> ………… 文書のヘッダ情報を示す
  • <title> ………… 文書にタイトルをつける
  • <base> ………… 相対URLの基準を指定
  • <link> ………… リソースへのリンクの指定
  • <meta> ………… メタデータの指定
  • <style> ………… スタイルシートを記述

セクション

  • <body> ………… 文書のメインコンテンツを示す
  • <section> ………… 文書内のセクションを示す
  • <article> ………… 個別記事を示す
  • <aside> ………… 補足的な情報を示す
  • <nav> ………… 文書内のナビゲーションを示す
  • <h1>~<h6> ………… 見出しを付ける
  • <hgroup> ………… 見出しのグループ化
  • <header> ………… ヘッダー部分を示す
  • <footer> ………… フッター部分を示す
  • <address> ………… 連絡先を示す

コンテンツのグループ化

  • <p> ………… 段落を表す
  • <hr> ………… 区切りを表す
  • <pre> ………… スペースや改行をそのまま表示
  • <blockquote> ………… 引用を表す
  • <ol> ………… 順序付きリスト
  • <ul> ………… 順序なしリスト
  • <li> ………… リストの項目
  • <dl> ………… 定義リスト
  • <dt> ………… 用語・名前を表す
  • <dd> ………… 定義・説明をする
  • <figure> ………… 説明付きの図表を示す
  • <figcaption> ………… 図表のキャプションを示す
  • <div> ………… 汎用要素
  • <main> ………… メインコンテンツを示す

テキストの意味

  • <a> ………… ハイパーリンクを指定
  • <em> ………… 強調する
  • <strong> ………… 重要性を示す
  • <small> ………… 注釈を表す
  • <s> ………… 不正確・無関係な事を示す
  • <cite> ………… 引証を示す
  • <q> ………… 引用を示す
  • <dfn> ………… 定義を表す
  • <abbr> ………… 略語を表す
  • <time> ………… 日時を示す
  • <code> ………… プログラムなどのコードを示す
  • <var> ………… 変数を示す
  • <samp> ………… 出力サンプルを示す
  • <kbd> ………… 入力する内容を示す
  • <sub> ………… 下付き文字
  • <sup> ………… 上付き文字
  • <i> ………… 一般の文章との区別を表す
  • <b> ………… 注意をひきたい部分を表す
  • <u> ………… 注意喚起を表す
  • <mark> ………… ハイライトする
  • <ruby> ………… ルビをふる
  • <rb> ………… ルビを振る対象のテキスト
  • <rt> ………… ルビのテキスト
  • <rp> ………… カッコで囲むルビ
  • <rtc> ………… ルビテキストコンテナ
  • <bdi> ………… 双方向アルゴリズムからの分離
  • <bdo> ………… 文字の流れる方向を指定
  • <span> ………… 特定部分を指定
  • <br> ………… 改行する
  • <wbr> ………… 改行可能箇所を示す

編集

  • <ins> ………… 追加した部分を示す
  • <del> ………… 削除した部分を示す

埋め込みコンテンツ

  • <img> ………… 画像を表示する
  • <iframe> ………… インラインフレームを表示
  • <embed> ………… プラグインを埋め込む
  • <object> ………… 外部コンテンツを埋め込む
  • <param> ………… objectのパラメータを指定する
  • <video> ………… 動画を再生する
  • <audio> ………… 音声を再生する
  • <source> ………… 動画・音声リソースのアドレスを指定
  • <track> ………… 動画・音声のテキストトラック
  • <map> ………… イメージマップの作成
  • <area> ………… イメージマップの領域を定義する
  • <canvas> ………… 図形を描画する

テーブル(表)

  • <table> ………… テーブル(表)の作成
  • <tbody> ………… テーブルの本体を定義する
  • <thead> ………… テーブルの見出しを定義する
  • <tfoot> ………… テーブルの最後の見出しを定義する
  • <tr> ………… テーブルの行を定義する
  • <td> ………… テーブルのデータセルを作成
  • <th> ………… テーブルの見出しセルを作成
  • <caption> ………… テーブルにキャプションをつける
  • <colgroup> ………… 列をグループ化する
  • <col> ………… 列を示す

フォーム

  • <form> ………… フォームを作成
  • <fieldset> ………… フィールドのグループ化
  • <legend> ………… フィールドのグループにキャプションをつける
  • <label> ………… フィールドにラベルをつける
  • <button> ………… ボタンを作成
  • <select> ………… セレクトボックスを作成
  • <option> ………… 選択肢を指定
  • <optgroup> ………… 選択肢のグループ化
  • <datalist> ………… 入力候補値のリスト
  • <textarea> ………… 複数行テキストの入力欄を作成
  • <keygen> ………… 暗号鍵の送信
  • <output> ………… 計算結果の表示
  • <progress> ………… 作業の進行状況の表示
  • <meter> ………… 割合を示す
  • <input> ………… 各種の入力部品を作成
    • <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="date"> ………… 日付の入力欄
    • <input type="month"> ………… 年月の入力欄
    • <input type="week"> ………… 週の入力欄
    • <input type="time"> ………… 時間の入力欄
    • <input type="datetime-local"> ………… ローカル日時の入力欄
    • <input type="number"> ………… 数値の入力欄
    • <input type="range"> ………… 大まかな数値の入力欄
    • <input type="color"> ………… 色の入力欄
    • <input type="checkbox"> ………… チェックボックス
    • <input type="radio"> ………… ラジオボタン
    • <input type="file"> ………… アップロード
    • <input type="submit"> ………… 送信ボタン
    • <input type="image"> ………… 画像ボタンでの送信
    • <input type="reset"> ………… フォームのリセット
    • <input type="button"> ………… 汎用ボタン
    • <input autofocus> ………… 入力欄の自動フォーカス
    • <input placeholder> ………… 初期表示する内容
    • <input required> ………… 入力必須を表す
    • <input pattern> ………… 入力値のパターン
    • <input min max> ………… 入力値の最大と最小
    • <input step> ………… ステップ値
    • <input autocomplete> ………… 入力内容を自動補完
    • <input multiple> ………… 複数の値を入力
    • <input list> ………… 入力項目をリスト表示
    • <input size> ………… input要素の大きさを指定

インタラクティブ

  • <details> ………… 詳細部分の表示・非表示
  • <summary> ………… detailsの要約
  • <command> ………… コマンドの指定
  • <menu> ………… コマンドのリスト

スクリプティング

  • <script> ………… スクリプトを組み込む
  • <noscript> ………… スクリプト非対応時の動作を指定