thead

<thead> 要素は、親の<table> 要素内のラベル(ヘッダ)から成る行のブロックを表します。

カテゴリー
なし
配置場所
<table> 要素の子要素として、<caption> 要素<colgroup> 要素よりも後、<tbody> 要素<tfoot> 要素<tr> 要素よりも前に一つだけ配置。
内容
0個以上の<tr> 要素とスクリプトサポート・エレメント。
属性
グローバル属性

accesskey, autocapitalize, autofocus, class, contenteditable, data-*, dir, draggable, enterkeyhint, hidden, id, inputmode, is, itemid, itemprop, itemref, itemscope, itemtype, lang, nonce, spellcheck, style, tabindex, title, translate

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › thead</title>
<style>
table { border-collapse: collapse; }
th, td { padding: .5em; border: #ccc 1px solid; }
thead th { background: #eef; }
tbody th { background: #fee; }
</style>
</head>
<body>
<h1>HTML5 › thead</h1>
<table>
<caption>ランキング表</caption>
<thead>
<tr>
	<th id="name">名前</th>
	<th id="jan"> 7月 </th>
	<th id="feb"> 8月 </th>
	<th id="mar"> 9月 </th>
</tr>
</thead>
<tbody>
<tr>
	<th headers="name" id="yaruo">デキ杉ヤル夫</th>
	<td headers="yaruo jan"> 1位 </td>
	<td headers="yaruo feb"> 1位 </td>
	<td headers="yaruo mar"> 1位 </td>
</tr>
<tr>
	<th headers="name" id="dameo">丸出ダメ男</th>
	<td colspan="3" headers="dameo jan feb mar">圏外。</td>
</tr>
</tbody>
</table>
</body>
</html>