HTML <tbody> 标签用于将表格行 (<tr>) 组合在一起,这表明这是表格 (<table>) 的正文部分。
<tbody> 标签必须是 <table> 元素的子元素。
<tbody> 与 <thead> 和 <tfoot> 一起使用,它们显示表格的不同部分,即表格头部、表格主体和表格页脚,但是,它不影响表格的布局。
这些元素可用于提供有助于可访问性目的的语义信息,或在打印大表格时在顶部渲染页眉和在底部渲染页脚。
<tbody> ...... </tbody>
以下是关于 HTML <tbody> 标签的一些规范
展示 | 排队 |
开始标签/结束标签 | 开始和结束标签 |
用法 | 桌身 |
<!DOCTYPE html> <html> <head> <title>HTML tbody tag</title> <style> body{ margin-left: 195px;" } </style> </head> <body> <h2>Example of the tbody tag</h2> <table border="1" bgcolor="#98f5ff"> <thead> <tr> <th>EmpId</th> <th>Name</th> <th>Email-Id</th> </tr> </thead> <tbody> <tr> <td>121</td> <td>John</td> <td>john123@gmail.com</td> </tr> <tr> <td>122</td> <td>William </td> <td>william56@gmail.com</td> </tr> <tr> <td>123</td> <td>Amit</td> <td>amitk98@gmail.com</td> </tr> </tbody> </table> </body> </html>
输出:
属性 | 属性值 | 描述 |
---|---|---|
align | right left center justify char | 它确定 <tbody> 元素内内容的对齐方式。(HTML5 不支持) |
char | character | 它指定 <tbody> 内容与字符的对齐方式。(HTML5 不支持) |
charoff | Number | 它指定内容将与 char 属性指定的字符对齐的字符数。(HTML5 不支持) |
valign | top middle bottom baseline | 它决定了 <tbody> 元素内内容的垂直对齐方式。(HTML5 不支持) |
<tbody> 标签支持 HTML 中的 Global 属性。
<tbody> 标签支持 HTML 中的 Event 属性。
元素 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
<tbody> | Yes | Yes | Yes | Yes | Yes |