HTML <tbody>用法及代码示例

HTML <tbody> 标记用于将表格行 (<tr>) 组合在一起，这表明这是表格 (<table>) 的正文部分。

<tbody> 标签必须是 <table> 元素的子元素。

<tbody> 与 <thead> 和 <tfoot> 一起使用，它们显示表格的不同部分，即表格头部、表格主体和表格页脚，但是，它不影响表格的布局。

这些元素可用于提供有助于可访问性目的的语义信息，或在打印大表格时在顶部渲染页眉和在底部渲染页脚。

提示：<tbody> 标签必须包含一个或多个 <tr> 元素。

用法

<tbody>............</tbody>

以下是关于 HTML <tbody> 标签的一些规范

Display	Inline
开始标签/结束标签	开始和结束标签
Usage	桌身

示例

<!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>

输出：

属性：

Tag-specific 属性：

属性	值	描述
align	正确的剩下中央证明烧焦	它确定 <tbody> 元素内内容的对齐方式。 (HTML5 不支持)
char	character	它指定 <tbody> 内容与字符的对齐方式。 (HTML5 不支持)
charoff	Number	它指定内容将与 char 属性指定的字符对齐的字符数。 (HTML5 不支持)
valign	最佳中间底部基线	它决定了 <tbody> 元素内内容的垂直对齐方式。 (HTML5 不支持)

全局属性：

<tbody> 标签支持 HTML 中的 Global 属性。

事件属性：

<tbody> 标签支持 HTML 中的 Event 属性。

支持浏览器

Element	Chrome	IE	Firefox	Opera	Safari
<tbody>	Yes	Yes	Yes	Yes	Yes

相关用法

注：本文由纯净天空筛选整理自 HTML <tbody> tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。