HTML5セマンティック要素一覧
更新履歴（1回）
- 2026-06-18T11:03:07+09:00 / 17行 / ?????????
列表示ON/OFF
読み込み中...
| element | purpose_ja | content_category | note |
|---|---|---|---|
| header | 導入部やナビゲーション領域 | フロー | ページや節のヘッダ |
| nav | 主要なナビゲーション | フロー | ナビゲーションリンクの集合 |
| main | 文書の主要コンテンツ | フロー | 1文書に1つだけ |
| article | 自己完結したコンテンツ | フロー・セクショニング | 記事や投稿など |
| section | テーマを持つ文書の節 | フロー・セクショニング | 通常は見出しを伴う |
| aside | 本筋から外れる補足 | フロー・セクショニング | サイドバーや余談 |
| footer | フッタ領域 | フロー | 著作・関連情報など |
| figure | 図表などのまとまり | フロー | キャプションを付けられる |
| figcaption | 図表の説明文 | なし | figure要素内で使う |
| time | 機械可読な日時 | フレージング | datetime属性を持てる |
| mark | 参照のための強調 | フレージング | 蛍光ペン的なハイライト |
| details | 折りたたみ可能な領域 | フロー・インタラクティブ | 開閉できる詳細情報 |
| summary | detailsの見出し | なし | クリックで開閉する |
| dialog | ダイアログ領域 | フロー | モーダルなどに使う |
| address | 連絡先情報 | フロー | 問い合わせ先を示す |
| hgroup | 見出しのグループ | フロー | 見出しと副見出しをまとめる |
| search | 検索機能の領域 | フロー | 検索フォームを囲む（2023年標準化） |