HTML <tfoot>标签
示例
一个包含<thead>、<tfoot>和<tbody>元素的HTML表格：
<table border="1">
<thead>
<tr>
<th>月</th>
<th>收入</th>
</tr>
</thead>
<tfoot>
<tr>
<td>总和</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>一月</td>
<td>$100</td>
</tr>
<tr>
<td>二月</td>
<td>$80</td>
</tr>
</tbody>
</table> |
试一试 » |
定义及用法
<tfoot>标签用于将HTML表格里的表尾集中起来。
<tfoot>元素应与<thead>和<tbody>元素联合使用。
<thead>用于集中表头，<tbody>用于集中主体内容。
注意：<tfoot>必须放在<tbody>之前，以便浏览器可以在所有数据行接收完成之前显示表尾。
注意，这些元素不会改变表格的默认布局。不过，你可以通过CSS来利用这些元素改变表格的布局。
浏览器支持
    
所有主流浏览器都只是部分支持<tfoot>标签。
HTML和XHTML之间的差异
无
可选属性
DTD栏表明哪种文档类型支持此属性。S=Strict，T=Transitional，F=Frameset。
| 属性 |
值 |
描述 |
DTD |
| align |
left
right
center
justify
char |
设置<tfoot>元素里内容的水平对齐方式 |
STF |
| char |
字符 |
指定以哪个字符为基准进行对齐 |
STF |
| charoff |
数字 |
指定相对于第一个对齐字符的偏移量 |
STF |
| valign |
top
middle
bottom
baseline |
设置<tfoot>元素里内容的垂直对齐方式 |
STF |
核心属性
<tfoot>标签支持以下核心属性:
| 属性 |
值 |
描述 |
DTD |
| class |
类名 |
指明元素的类名 |
STF |
| dir |
rtl
ltr |
指定元素里内容的文本方向 |
STF |
| id |
id |
指明元素的唯一id |
STF |
| lang |
语言代码 |
指定元素内容的语言代码 |
STF |
| style |
样式定义 |
指定元素的内嵌样式 |
STF |
| title |
文本 |
指定元素的提示文本 |
STF |
| xml:lang |
语言代码 |
在XHTML文档中指定元素内容的语言代码 |
STF |
更多关于核心属性的信息。
事件属性
<tfoot>标签支持以下事件属性:
| 属性 |
值 |
描述 |
DTD |
| onclick |
脚本 |
在元素区域内单击鼠标（不区分左右键）时执行脚本 |
STF |
| ondblclick |
脚本 |
在元素区域内双击鼠标（不区分左右键）时执行脚本 |
STF |
| onmousedown |
脚本 |
在元素区域内按下鼠标键（不区分左右键）时执行脚本 |
STF |
| onmousemove |
脚本 |
当鼠标指针在元素区域内移动时执行脚本 |
STF |
| onmouseout |
脚本 |
当鼠标指针移出元素区域时执行脚本 |
STF |
| onmouseover |
脚本 |
当鼠标指针移入元素区域时执行脚本 |
STF |
| onmouseup |
脚本 |
在元素区域内松开鼠标键（不区分左右键）时执行脚本 |
STF |
| onkeydown |
脚本 |
按下一个键时执行脚本 |
STF |
| onkeypress |
脚本 |
按下并松开一个键时执行脚本 |
STF |
| onkeyup |
脚本 |
松开一个键时执行脚本 |
STF |
更多关于事件属性的信息。
| 
