HTML <tfoot> 标签

html <tfoot> 标签 用于组合 html 表格的页脚 内容

<tfoot> 元素应该与?<thead>?和?<tbody>?元素结合起来使用，用来设置表格的各个部分（页脚、表头、主体）

通过使用这些元素，使浏览器有能力 支持 独立于表格表头和表格页脚的表格主体滚动

当包含多个 页面 的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张 页面 上

<tfoot> 标签 必须被用在以下情境中：作为 <table> 元素的子元素，出现在 <caption>、<colgroup> 和 <thead> 元素之后，<tbody> 和 <tr> 元素之前。

<tfoot> 元素内部必须包含 一个 或者多个 <tr> 标签

<thead>、<tbody> 和 <tfoot> 元素 默 认不会影响表格的布局

我们可以使用 css 来为这些元素定义样式，从而改变表格的外观

属性 @H_ 403 _17@ 属性 值 描述 align right
left
center
justify
char HTML5 不支持
定义 <tfoot> 元素中 内容 的对齐方式 char ch ara cter HTML5 不支持
设置 <tfoot> 元素中 内容 根据哪个字符来对进行文本对齐 charoff number HTML5 不支持
设置 <tfoot> 元素中 内容 的第 一个 对齐字符的偏移量 valign top
middle
b ott om
baseline HTML5 不支持
设置 <tfoot> 元素中 内容 的垂直对齐方式

范例@H_ 403 _17@

带有 <thead> 、<tfoot> 和 <tbody> 元素的 HTML 表格

<table?border="1">
??<thead>
????<tr>
??????<th>Month</th>
??????<th>Savings</th>
????</tr>
??</thead>
??<tfoot>
????<tr>
??????<td>Sum</td>
??????<td>$180</td>
????</tr>
??</tfoot>
??<tbody>
????<tr>
??????<td>January</td>
??????<td>$100</td>
????</tr>
????<tr>
??????<td>February</td>
??????<td>$80</td>
????</tr>
??</tbody>
</table>

HTML 4.01 与 HTML5 之 间的 差异@H_ 403 _17@

HTML 5 中，不再 支持 HTML 4.01 中 <tfoot> 标签 的任何 属性

HTML <thead> 标签 ? ?HTML <th> 标签

查看更多关于HTML <tfoot> 标签的详细内容...