<tr>: TR 要素
最終更新：2026-10-13
<tr>TR 要素
テーブルの行です。th（見出し）または td（データ）のセルで構成されます。
| カテゴリ | テーブル |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </tr> タグ |
| ステータス | 標準 |
📝 構文
<tr>
<td>セル</td>
</tr>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <tr> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： tr は thead・tbody・tfoot 内でのみ使います。データ行は tbody で囲むとスクリプト処理がしやすくなります。
❓ よくある質問
Qtr は tbody に包まれている必要がありますか？
Aソースでは省略できます（ブラウザが暗黙の tbody を補います）が、明示した方が制御しやすいです。table に直接
<tr> を書くと、JS で行を操作したり行グループにスタイルを当てたりするときに、一段余計な迂回が発生します。thead/tbody/tfoot の3段構成に統一するのがおすすめです。Qtr の display を block に変えられますか？
A変えられますが、テーブルのレイアウトは壊れます。tr を block にするとセルはテーブルの並びを失います。これは「レスポンシブなテーブルをカードに変える」技の土台で、td 側の data-label と ::before でフィールド名を表示する組み合わせが必要です。通常の場面では tr の display を触らないでください。
Qtr の中に文字を直接書けますか？
A書けません。
<tr> のコンテンツモデルは th/td とスクリプトサポート要素だけを許し、裸のテキストは無効な HTML です。ブラウザはその文字を表の外へ追い出します。文字は必ず <td> か <th> に包みましょう。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
