tfootタグとは?|表(テーブル)のフッター部分を表す

tfootタグとは?|表(テーブル)のフッター部分を表す
博士
表の行をグループ化する3つのタグ。
最後は、表のフッター部分を表す<tfoot>タグについて解説するぞ。
 
 
博士
博士
リンゴが師と仰ぐ人物。
毎日HTML/CSSデザインの研究をしており、その知識を余すことなくリンゴに教えてくれる。

スポンサーリンク

<tfoot>タグとは

 

<tfoot>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類
利用場所table要素の子要素として1個だけ、かつtable要素内の一番最後
内容tr要素を0個以上


 
 
<tfoot>タグは、表(テーブル)のフッター部分を表す際に使用します。

thead要素tbody要素、tfoot要素は、表の横方向の並び(行)を、意味的にヘッダー、本体、フッターという構造にグループ化します。
これらの要素は省略できますが、指定すればテーブル構造をより明確にすることができます。

tfoot要素は、table要素の子要素として1つの表の中に1つだけ配置することができます。
配置する位置は、table要素内の一番最後に配置しなければいけません。
 
 

使用例

 
 

表示例

順位タイトル売上本数
1位スーパーマリオブラザーズ681万本
2位スーパーマリオブラザーズ3384万本
3位ドラゴンクエストIII そして伝説へ…380万本
2016年9月16日現在

 
 

まとめ

表(テーブル)のフッター部分を表す際は、<tfoot>タグを使用します。
 
 

博士
<thead>タグ、<tbody>タグ、<tfoot>タグのセットで覚えておこう。
 
 
HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








tfootタグとは?|表(テーブル)のフッター部分を表す