HTMLタグ辞典 -まとめ-
HTML では、多くのタグがあり、それぞれ異なる役割を持っています。本記事では、HTML5 で使用される主要なタグをカテゴリごとに整理しました。
1. 基本構造タグ（Document Structure）
HTML ドキュメントの基本構造を定義するタグ。
<html>– HTML ドキュメントのルート要素<head>– メタ情報を含むヘッダー部分<body>– ページの本体部分<title>– ページのタイトル<meta>– メタ情報の設定<link>– 外部リソースのリンク
2. テキスト関連タグ（Text and Formatting）
テキストの構造や装飾を行うタグ。
- 段落・改行
- 見出し
<h1>～<h6>– 見出し
- 強調・装飾
- 引用・出典
<blockquote>– 長い引用<q>– 短い引用<cite>– 出典を示す
- プログラム関連
3. セクション関連タグ（Sectioning Elements）
ページの構造を整理するためのタグ。
<div>– 汎用コンテナ<span>– インラインコンテナ<section>– セクション<article>– 記事や独立したコンテンツ<header>– ヘッダー部分<footer>– フッター部分<nav>– ナビゲーション<aside>– 補足情報<main>– メインコンテンツ
4. テーブル関連タグ（Table Elements）
表（テーブル）を作成するタグ。
<table>– テーブル全体<caption>– テーブルのタイトル<thead>– テーブルのヘッダー部分<tbody>– テーブルのデータ部分<tfoot>– テーブルのフッター部分<tr>– 行（テーブルの横方向の単位）<th>– 見出しセル<td>– データセル
5. メディア関連タグ（Media Elements）
画像・音声・動画などのメディアを埋め込むためのタグ。
<img>– 画像<audio>– 音声<video>– 動画<source>– メディアのソース<iframe>– 外部コンテンツの埋め込み<picture>– レスポンシブ画像<figure>– 画像や図表のグループ化<figcaption>– 画像や図表のキャプション<canvas>– 描画領域<svg>– ベクターグラフィック<map>– 画像マップ<area>– 画像マップのリンク範囲
6. リスト関連タグ（Lists）
リスト（箇条書きや定義リスト）を作成するタグ。
- 箇条書きリスト
- 定義リスト
7. フォーム関連タグ（Forms and Inputs）
フォームを作成し、ユーザーからの入力を受け取るタグ。
- フォーム
<form>– フォーム全体<fieldset>– フォーム内のグループ化<legend>–<fieldset>のタイトル
- 入力要素
<input>– ユーザー入力<textarea>– 複数行の入力欄<button>– ボタン<label>– 入力要素のラベル
- 選択リスト
<select>– プルダウンリスト<option>–<select>内の選択肢<optgroup>–<select>内の選択肢グループ<datalist>– 自動補完用の選択リスト
- その他
<output>– 計算結果の表示<progress>– 進行状況のバー<meter>– メーターやスコア表示
8. スクリプト・スタイル関連タグ（Scripts and Styles）
JavaScript や CSS を適用するためのタグ。
<script>– JavaScript を実行<style>– CSS を記述<noscript>– JavaScript 無効時の表示
9. 修正・編集関連タグ（Edits and Annotations）
文書内の変更や注釈を示すタグ。
- 変更履歴
- スタイル変更
<s>– 取り消し線（意味がなくなった情報）
- 上付き・下付き
- 時間・略語
- 双方向テキスト制御
- データ関連
10. インタラクティブ・詳細表示関連タグ（Interactive and Disclosure）
ユーザー操作によって表示を変更できる要素。
11. ルビ（ふりがな）関連タグ（Ruby Annotations）
日本語のルビ（ふりがな）を設定するタグ。
12. 埋め込み・プラグイン関連タグ（Embedded Content）
外部リソースやプラグインを埋め込むタグ。
13.数式関連タグ（Mathematical Markup）
<math>– 数式を記述
14. Web Components関連タグ（Web Components）
カスタム要素やテンプレートを作成するタグ。
<template>– HTML テンプレート<slot>– Web Components のコンテンツ挿入
