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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。