タグの最小化

[4] tfoot の開始タグが省略できるのは、 表の足にあたる部分が存在しない (= tfoot 要素自体存在しない) 時だけです。すなわち開始タグは必須です。

終了タグはいつでも省略できます。

例

[10] table の使用例も参照されたし。

[17] Taken SPC : Web 標準の日々 (2007-07-22 15:11:19 +09:00 版) <http://taken.s101.xrea.com/blog/article.php?id=772>

<table id="calendar" summary="Archive calendar of this weblog">
<thead>
<tr>
<th colspan="7" abbr="Year and Month">2007-07</th>
</tr>
<tr>
<th abbr="Sun" class="sunday">日</th>
<th abbr="Mon">月</th>
<th abbr="Tue">火</th>
<th abbr="Wed">水</th>
<th abbr="Thu">木</th>
<th abbr="Fri">金</th>
<th abbr="Sat">土</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7">
<a href="./search.php?d=2007-06" class="prev-month">Jun</a> | 
<a href="./search.php?d=2007-08" class="next-month">Aug</a>
</td>
</tr>
</tfoot>
<tbody>

(名無しさん)

[18] Taken SPC : Web 標準の日々 (2007-07-22 15:11:19 +09:00 版) <http://taken.s101.xrea.com/blog/article.php?id=772>

<table id="calendar" summary="Archive calendar of this weblog">
<thead>
<tr>
<th colspan="7" abbr="Year and Month">2007-07</th>
</tr>
<tr>
<th abbr="Sun" class="sunday">日</th>

<th abbr="Mon">月</th>
<th abbr="Tue">火</th>
<th abbr="Wed">水</th>
<th abbr="Thu">木</th>
<th abbr="Fri">金</th>
<th abbr="Sat">土</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7">

<a href="./search.php?d=2007-06" class="prev-month">Jun</a> | 
<a href="./search.php?d=2007-08" class="next-month">Aug</a>
</td>
</tr>
</tfoot>
<tbody>

誕生

[28] HTML表モデルの一部として早期から定義されていました。

[29] ただし初期の実装や HTML 3.2 は簡易表モデルのみだったため、 tfoot 要素はありませんでした。

[30] HTML4 は完全な表モデルの規定を含んでおり、 tfoot 要素も含まれていました。

[31] この時代には、長大な表のレンダリングの際のページングやスクロールを考慮した配置の便宜上、 tfoot は thead と tbody の間に挿入するべきとされていました。レンダリングその他の自然な順序は tfoot 内の行が tbody 内の行より後に来るものですから、ソース上では順序が逆転することになります。

[12] HTML 4 DTD の注釈 (参考) には Use TFOOT to duplicate footers when breaking table across page boundaries, or for static footers when TBODY sections are rendered in scrolling panel. とアドバイス(?)があります。

[14] tfoot は tbody の前に書いた方がいいよ | WWW WATCH (2007-03-19 08:19:33 +09:00 版) <http://hyper-text.org/archives/2007/03/table_row_groups.shtml> (名無しさん 2007-03-18 23:23:26 +00:00)

HTML5

[32] 実際には tfoot は表の末尾に挿入されることも少なくなく、 それで実害も特にありませんでした。 HTML5 はこれを追認し、 tfoot は tbody の前後どちらでも良い (が両方あってはならない) と規定を改めました。

HTML Standard

[23] 2015年には実装状況を踏まえた再検討が行われ、 tfoot 要素は tbody 要素の後でなければならないと改められました。 これにより HTML4 方式は完全に否定されることとなりました。

[19] Web Applications 1.0 r8394 Fix errors in table.caption, table.tHead, table.tFoot ( (2014-01-14 09:05:00 +09:00 版)) <http://html5.org/tools/web-apps-tracker?from=8393&to=8394>

[8] Let HTMLTableElement create*() and insertRow() return specific types · whatwg/html@93cb3d6 (2015-12-01 11:39:13 +09:00 版) <https://github.com/whatwg/html/commit/93cb3d61526cf956a739c57398760dc8a3a633bd>

[20] Disallow <tfoot> before <tbody> in the content model · whatwg/html@94d55af (2015-12-19 22:59:47 +09:00 版) <https://github.com/whatwg/html/commit/94d55af9cda601ce675d15f6a0e52c9bb9c6afa9>

[21] Fix #352: Change .tFoot and .createTFoot() to always insert at the end · whatwg/html@da491d4 (2015-12-19 23:13:06 +09:00 版) <https://github.com/whatwg/html/commit/da491d4c62c3efb73a96bce7071a0a0dcbfa95d8>

[22] Web Applications 1.0 r8394 Fix errors in table.caption, table.tHead, table.tFoot ( (2014-01-14 09:05:00 +09:00 版)) <http://html5.org/tools/web-apps-tracker?from=8393&to=8394>