基本構造タグ
| タグ | 入れられるタグ | 入れられないタグ |
|---|---|---|
| <html> | <head>, <body> | その他すべて |
| <head> | <title>, <meta>, <link>, <style>, <script>, <base> | <body>内の要素すべて |
| <body> | ブロック要素、インライン要素すべて | <head>内の要素 |
ブロックレベル要素
| タグ | 入れられるタグ | 入れられないタグ | 備考 |
|---|---|---|---|
| <div> | すべての要素 | なし | 汎用コンテナ |
| <section> | すべての要素 | なし | セクション |
| <article> | すべての要素 | なし | 記事 |
| <header> | すべての要素 | <header>, <footer> (同階層) | ヘッダー |
| <footer> | すべての要素 | <header>, <footer> (同階層) | フッター |
| <main> | すべての要素 | なし | メインコンテンツ（1ページに1つ） |
| <aside> | すべての要素 | なし | サイドバー |
| <nav> | すべての要素 | なし | ナビゲーション |
| <p> | インライン要素のみ | ブロック要素すべて | 段落 |
| <h1>〜<h6> | インライン要素のみ | ブロック要素すべて | 見出し |
| <blockquote> | すべての要素 | なし | 引用ブロック |
| <pre> | インライン要素のみ | ブロック要素すべて | 整形済みテキスト |
リスト要素
| タグ | 入れられるタグ | 入れられないタグ | 備考 |
|---|---|---|---|
| <ul> | <li> のみ | その他すべて | 順序なしリスト |
| <ol> | <li> のみ | その他すべて | 順序付きリスト |
| <li> | すべての要素 | なし | リスト項目 |
| <dl> | <dt>, <dd> のみ | その他すべて | 定義リスト |
| <dt> | インライン要素のみ | ブロック要素すべて | 定義項目 |
| <dd> | すべての要素 | なし | 定義説明 |
テーブル要素
| タグ | 入れられるタグ | 入れられないタグ | 備考 |
|---|---|---|---|
| <table> | <caption>, <thead>, <tbody>, <tfoot>, <tr> | その他すべて | 表 |
| <caption> | インライン要素のみ | ブロック要素すべて | 表のキャプション |
| <thead> | <tr> のみ | その他すべて | 表ヘッダー |
| <tbody> | <tr> のみ | その他すべて | 表本体 |
| <tfoot> | <tr> のみ | その他すべて | 表フッター |
| <tr> | <th>, <td> のみ | その他すべて | 表の行 |
| <th> | すべての要素 | なし | 表ヘッダーセル |
| <td> | すべての要素 | なし | 表データセル |
フォーム要素
| タグ | 入れられるタグ | 入れられないタグ | 備考 |
|---|---|---|---|
| <form> | すべての要素 | <form> | フォーム（入れ子禁止） |
| <fieldset> | すべての要素 | なし | フィールドセット |
| <legend> | インライン要素のみ | ブロック要素すべて | フィールドセットの説明 |
| <label> | インライン要素のみ | <label>, インタラクティブ要素 | ラベル |
| <button> | インライン要素のみ | <button>, <a>, <input>, インタラクティブ要素 | ボタン |
インライン要素
| タグ | 入れられるタグ | 入れられないタグ | 備考 |
|---|---|---|---|
| <span> | インライン要素のみ | ブロック要素すべて | 汎用インライン |
| <a> | インライン要素のみ | <a>, インタラクティブ要素 | リンク |
| <strong> | インライン要素のみ | ブロック要素すべて | 強調 |
| <em> | インライン要素のみ | ブロック要素すべて | 強勢 |
| <code> | インライン要素のみ | ブロック要素すべて | コード |
| <small> | インライン要素のみ | ブロック要素すべて | 小さいテキスト |
| <mark> | インライン要素のみ | ブロック要素すべて | ハイライト |
| <time> | インライン要素のみ | ブロック要素すべて | 日時 |
自己終了タグ（void elements）
| タグ | 説明 | 備考 |
|---|---|---|
| <img> | 画像 | src属性必須 |
| <br> | 改行 | - |
| <hr> | 水平線 | - |
| <input> | フォーム入力 | type属性で種類指定 |
| <meta> | メタデータ | **<head>**内のみ |
| <link> | 外部リソース | **<head>**内のみ |
| <area> | イメージマップ領域 | **<map>**内のみ |
| <base> | ベースURL | **<head>**内のみ |
| <col> | 表の列 | **<colgroup>**内のみ |
| <embed> | 埋め込みコンテンツ | - |
| <source> | メディアリソース | <video>, **<audio>**内のみ |
| <track> | テキストトラック | <video>, **<audio>**内のみ |
| <wbr> | 改行可能位置 | - |
基本的な入れ子ルール
| 親要素タイプ | 子要素タイプ | 可否 |
|---|---|---|
| ブロック要素 | ブロック要素 | ✅ |
| ブロック要素 | インライン要素 | ✅ |
| インライン要素 | ブロック要素 | ❌ |
| インライン要素 | インライン要素 | ✅ |