9月
20

HTMLテーブル(表)のフッター行を定義するタグ <tfoot>

テーブルにはヘッダー、ボディ、フッター要素を定義することができます。
それぞれを区別して定義することで、ブラウザにその役割を明確に伝えることができます。
HTMLテーブル(表)の本体部分を定義するタグ <tbody>に続き、
本体部分を定義する<tfoot>を見てみましょう。



テーブル(表)のフッター行となる部分を指定<tfoot>

<tfoot>

テーブル(表)のフッターとなる行を定義する
テーブルのフッターとなる行を<tfoot>で括ります。
<tfoot>で定義したフッター部分は、
通常のテーブル行をあらわす下のタグを括る形で配置します。
<tr><th></th><th></th></tr>
→<tfoot><tr><th></th><th></th></tr></tfoot>

<table>
<tfoot>
<tr><td>80点</td><td>80点</td><td>60点</td></tr>
</tfoot>


<tfoot>との位置関係について

<thead>と<tfoot>は先に読み込むことになっているので、
これらは<tbody>よりも先に書くように定義されています。
そのため、通常は
<thead>
<tfoot>
<tbody>
の順で書くので気をつけてください。

2 Comments to “HTMLテーブル(表)のフッター行を定義するタグ <tfoot>”

Leave a comment

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


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

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

人気の記事