【HTML】captionタグでテーブルキャプションを表示する方法

このページについて

このページではHTMLで使えるcaptionの使い方を解説しています。

tableタグを生成することができるページを公開しました。まだ色々と機能不足で基礎的なコードしか生成できませんが、今後もちまちま更新予定です。

captionタグはtableタグでそのテーブルの見出しみたいなものを定義して表示する機能を持っています。

このタグはあってもなくても問題ありません。が、あれば見やすいテーブルを作成することができます。

captionはtableタグの直後に書きます。

<table>
<caption>テーブル</caption>
<tr><th>th1</th><th>th2</th></tr>
<tr><td>1</td><td>2</td></tr>
</table>

これをブラウザで表示するとこうなります。

テーブル
th1	th2
1	2

このように表示されます。captionはデフォルトで中央に配置されます。cssで位置変更も行えます。

captionはグローバル属性・イベント属性をサポートしています。固有の属性はありません。