srcmini本文概述
HTML <tfoot>标记用于定义代表HTML表页脚的行集。 <tfoot>标记必须包含一个或多个<tr>元素。
<tfoot>标记与<thead>和<tbody>元素一起用作HTML表（<table>）的子元素, 其中<thead>定义表标题, 而<tbody>定义表主体。
提示：<thead>, <tbody>和<tfoot>元素不会影响表布局, 如果要在表布局中应用更改, 请使用CSS属性。
句法
<tfoot>
<tr></tr>
<tr></tr>
</tfoot>以下是有关HTML <tfoot>标记的一些规范
| Display | None |
| 开始日期/结束日期 | 开始和结束标签 |
| Usage | HTML表格 |
例
<!DOCTYPE html>
<html>
<head>
<title>HTML tfoot Tag</title>
<style>
table{
border-collapse: collapse;
}
thead, tfoot{
background-color:#3f87a6;
}
tbody{
background-color:#97ffff;
}
</style>
</head>
<body>
<h1>Example of tfoot tag</h1>
<table border="1" >
<thead>
<tr>
<th>Items</th>
<th>Quantity</th>
<th>Expenditure</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Total</th>
<th>90</th>
<th>4175</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Books</td>
<td>5</td>
<td>1500</td>
</tr>
<tr>
<td>Drawing-Paper</td>
<td>50</td>
<td>800</td>
</tr>
<tr>
<td>Marker</td>
<td>35</td>
<td>1875</td>
</tr>
</tbody>
</table>
</body>
</html>立即测试
输出：
属性
特定于标签的属性：
| 属性 | 值 | 描述 |
|---|---|---|
| align | 左右中心居中对齐字符 | 它确定<tfoot>元素内内容的对齐方式。 （HTML5不支持） |
| char | Character | 它指定<tfoot>元素内的内容与字符的对齐方式。 （HTML5不支持） |
| charoff | Number | 它指定将从char属性指定的字符对齐内容的字符数。 （HTML5不支持） |
| valign | 上中下基线 | 它确定<tfoot>元素内内容的垂直对齐方式。 （HTML5不支持） |
全局属性：
<tfoot>标记支持HTML中的Global属性。
事件属性：
<tfoot>标记支持HTML中的Event属性。
支持的浏览器
| Element | Chrome | IE | Firefox | Opera | Safari |
| <tfoot> | Yes | Yes | Yes | Yes | Yes |
评论前必须登录！
注册