10月
5

テーブル(表)の上部にタイトルをつけよう。<caption>タグ

レイアウトに使う場合を除いて(使ってはいけませんが)、
テーブルにはその内容を表すタイトルがあると思います。
テーブルのタイトルをテーブルの上部に表示させるためのタグを知っておきましょう。

テーブルのタイトルを表示させる

<caption>

テーブルのタイトルを表示させる
テーブルのタイトルを表示させるを表示させるのは難しくありません。
<table>タグの直後に<caption>でタイトルを設定します。
具体的には次のようなコードを書きます。
<table>
<caption>テーブルのタイトル</caption>
<tr><td>A</td><td>D</td><td>1</td></tr>
<tr><th>B</td><td>E</td><td>2</td></tr>
<tr><th>C</td><td>F</td><td>3</td></tr>
</table>

<caption>で指定したタイトルは表の上部中央に配置されます。

テーブルのタイトル
AD1
BE2
CF3

適切に使って、ユーザーがわかりやすいように心がけましょう。

Leave a comment

↓サーバーを借りるなら↓
サーバーについてはこちら


↓ドメインをとるなら↓
ドメインについてはこちら

↓ネットショップを始めるなら↓

人気の記事