表

`<table>` 表を組む

重要度4 / 5

意味

行と列で比べる情報を示す場合に使います。見出しセルは <th>、データは <td> です。見た目のレイアウトだけを格子にしたい場合は、表ではなくCSSのグリッドやフレックスを使います。

コード

HTML

<table>
  <thead>
    <tr>
      <th>ページ数</th>
      <th>目安</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>〜6P</td>
      <td>48,000円</td>
    </tr>
  </tbody>
</table>

プレビュー（初期表示）

ブラウザ対応

主要ブラウザの対応状況
ブラウザ	対応
Chrome	1〜
Firefox	1〜
Safari	1〜
Edge	12〜
Chrome Android	18〜
Safari iOS	1〜

出典: MDN Web Docs（`@mdn/browser-compat-data`）