<頭>
HTML <thead>タグ
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>0</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>0</td>
</tr>
<tr>
<td>February</td>
<td></td>
</tr>
</tbody>
</table>
<p><b>提示:</b> thead, tbody, 和 tfoot 元素默认不会影响表格的布局。不过，您可以使用 CSS 来为这些元素定义样式，从而改变表格的外观。</p>
</body>
</html>インスタンスの実行»
オンラインインスタンスを表示するには「インスタンスの実行」ボタンをクリックしてください
ブラウザのサポート
すべての主要ブラウザ すべて<thead> タグをサポートします。
タグの定義と使用方法
<thead> タグは、HTML テーブルのヘッダー コンテンツを結合するために使用されます。
<thead> 要素は、テーブルのさまざまな部分 (ヘッダー、本文、フッター) を指定するために、<tbody> 要素と組み合わせて使用する必要があります。
これらの要素を使用することにより、ブラウザはテーブル ヘッダーやテーブル フッターとは独立してテーブル本体のスクロールをサポートできるようになります。複数のページを含む長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。
<thead> タグは、<table> 要素の子要素として、<colgroup> 要素の後に使用する必要があります。 <tfoot<tr> 要素の前。
ヒントとメモ
注: <thead> 要素には 1 つ以上の <tr> タグが含まれている必要があります。
ヒント: <thead>、<tbody>、<tfoot> 要素は、デフォルトではテーブルのレイアウトに影響しません。ただし、CSS を使用してこれらの要素のスタイルを定義することで、テーブルの外観を変更できます。
HTML 4.01 と HTML5 の違い
HTML 5 では、HTML 4.01 の <thead> タグの属性はサポートされなくなりました。 attribute
| description | lignlight | |
|---|---|---|
| justify | html5サポートされていません。 <thead> 内のコンテンツの配置を定義します。 char | character |
| テキストの配置に <thead> 要素内のどの文字を使用するかを指定します。 | charoff | number |
| <thead> コンテンツの最初の位置合わせ文字のオフセットを指定します。 | valign | topmiddlebottom | baseline
| HTML5はサポートされていません。 | <thead> 要素内のコンテンツの垂直方向の配置を指定します。グローバル属性<thead> タグは HTML グローバル属性をサポートします。 イベント属性<thead> タグは HTML イベント属性をサポートします。 |
