HTML教程-HTML<tfoot>标签
HTML <tfoot>标签用于定义表示HTML表格底部的一组行。<tfoot>标签必须包含一个或多个<tr>元素。
<tfoot>标签作为HTML表格(<table>)的子元素之一，与<thead>和<tbody>元素一起使用，其中<thead>定义表头，<tbody>定义表体。
提示：<thead>、<tbody>和<tfoot>元素不会影响表格布局，如果要对表格布局进行更改，请使用CSS属性。
语法
<tfoot>
<tr></tr>
<tr></tr>
</tfoot>以下是关于HTML <tfoot>标签的一些规范
| 显示 | None |
|---|---|
| 开始标签/结束标签 | 开始和结束标签 |
| 用法 | 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 | right left center justify char | 它确定<tfoot>元素内内容的对齐方式。(HTML5中不支持) |
| char | Character | 它指定<tfoot>元素内内容相对于字符的对齐方式。(HTML5中不支持) |
| charoff | Number | 它指定相对于char属性指定的字符，内容将从该字符对齐的字符数。(HTML5中不支持) |
| valign | top middle bottom baseline | 它确定<tfoot>元素内内容的垂直对齐方式。(HTML5中不支持) |
全局属性:
<tfoot>标签支持HTML中的全局属性。
事件属性:
<tfoot>标签支持HTML中的事件属性。
支持的浏览器
| 元素 |  Chrome |  IE |  Firefox |  Opera |  Safari |
|---|---|---|---|---|---|
<tfoot> | 是 | 是 | 是 | 是 | 是 |
