HTML リファレンスマニュアル

HTMLタグ完全ガイド

HTML: <thead> タグ

HTMLの<thead>要素は、テーブルの列頭を定義する行のセットを定義します。これらの行はHTMLテーブルの列タイトルを構成します。このタグは通常<thead>要素と呼ばれます。

オンラインサンプル

thead要素を持つHTMLテーブル：

例

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML theadタグの使用（基本チュートリアルウェブ　oldtoolbag.com)</title>
</head>
<body>
<table border="1">
　　　　<caption>Council budget (in £)　2018</caption>
　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　　　<th scope="col">Items</th>
　　　　　　　　　　　　<th scope="col">Expenditure</th>
　　　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　　　<tr>
　　　　　　　　　　　　<th scope="row">Donuts</th>
　　　　　　　　　　　　<td>3,000</td>
　　　　　　　　</tr>
　　　　　　　　<tr>
　　　　　　　　　　　　<th scope="row">Stationery</th>
　　　　　　　　　　　　<td>18,000</td>
　　　　　　　　</tr>
　　　　</tbody>
</table>
</body>
</html>

テストをしてみる‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<thead>タグをサポートしています。

タグの定義及び使用方法

<thead>タグはHTMLテーブルの表頭内容を組み合わせるために使用されます。

<thead>要素は <tbody> と <tfoot> 要素を組み合わせて使用し、テーブルの各部分（表頭、主体、表脚）を定義します。

これらの要素を使用して、ブラウザが表頭や表脚に依存しないテーブルの主体をスクロールする能力を持つことができます。複数ページにわたる長いテーブルが印刷される際には、表頭や表脚がテーブルデータを含む各ページに印刷されます。

<thead>タグは以下の状況で使用する必要があります：<table>要素の子要素として、<caption>、<colgroup>要素の後に現れ、<tbody>、 <tfoot>と<tr>要素の前に。

ヒントと注意

注記：<thead>要素は、1つまたは複数の<tr>タグを含む必要があります。

提示：ヒント：

HTML 4.01 <thead>、<tbody>、<tfoot> 元素はデフォルトでテーブルのレイアウトに影響を与えません。ただし、これらの要素にCSSを使用してスタイルを定義することで、テーブルの外観を変更できます。5の間の違い

HTML 5 中、HTMLをサポートしていません 4.01 中 <thead> タグのすべての属性。

属性

属性	値	説明
align	right 　left 　center 　justify 　char	HTML5 サポートされていません。<thead> 要素内の内容のアライメント方法を定義します。
char	character	HTML5 サポートされていません。<thead> 要素内の内容をどの文字に基づいてテキストアライメントを行うかを指定します。
charoff	number	HTML5 サポートされていません。<thead> 要素内の内容の最初のアライメント文字のオフセットを指定します。
valign	top 　middle 　bottom 　baseline	HTML5 サポートされていません。<thead> 要素内の内容の垂直アライメントを指定します。

グローバル属性

<thead> タグがサポートしています HTMLのグローバル属性。

イベント属性

<thead> タグがサポートしています HTMLのイベント属性。

HTML: <title> タグ HTML: <th> タグ