caption タグ

caption タグは、HTML テーブル全体のタイトルを作成するためのものです。このタイトルは、デフォルトではテーブルの前に表示され、その内容を説明するテキストです。

このタグは、table タグ内、かつ開始タグの直後のみに配置できます。

例

テーブルに caption タイトルを追加してみましょう:

html<table>
  <caption>this is the title of the entire table</caption>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>

csstable, td, th {
  border: 1px solid black;
}

Результат:

関連項目