<thead>タグ

<thead>タグは、テーブルのヘッダ要素を定義します。<thead>タグは、1つのテーブルに1つだけ記述することができます。

<thead>タグは通常、<tbody>、<tfoot>タグとセット使用され、それぞれヘッダ部、ボディ部、フッタ部を定義します。これにより、テーブルを複数のセクションに分けることができ、テーブルの中で関連性のある行と、そうでない行を分割することができます。



<html>


    <head>


        <title>&lt;thead&gt;タグの例</title>


    </head>


    <body>


        <table border="1">


            <caption>製品別スペック</caption>


            <thead>


                <tr>


                    <th><br /></th>


                    <th colspan="2">計測データ</th>


                </tr>


                <tr>


                    <th>製品名</th>


                    <th>温度／時間</th>


                    <th>変化</th>


                </tr>


            </thead>


            <tbody>


                <tr>


                    <th>プラチナール</th>


                    <td>100度／1</td>


                    <td>なし</td>


                </tr>


                <tr>


                    <th>ゴールドール</th>


                    <td>100度／1</td>


                    <td>1mm膨張</td>


                </tr>


            </tbody>


            <tfoot>


                <tr>


                    <td colspan="3">計測データは保証値ではありません</td>


                </tr>


            </tfoot>


        </table>


    </body>


</html>

<thead>タグなどを使用してテーブルを複数のセクションに分けたとしても、通常、見た目の変化として現れませんが、CSSを使用して見た目やレイアウトを制御すれば、かなり有効的な使用ができると思います。

align属性

align属性を指定すると、<thead>要素に含まれる全てのセルに対して、水平方向の位置揃えを指定することができます。

CSSを使用すれば、このalign属性と同等のことが可能ですので、水平方向の位置揃えを指定する場合は、CSSを使用するようにしてください。

valign属性

valign属性を指定すると、<thead>要素に含まれる全てのセルに対して、垂直方向の位置揃えを指定することができます。

char属性

char属性は、任意の1文字を基準として位置揃えをさせたい場合に使用します。小数や、価格の表示に適していると思います。値に任意の1文字（小数なら「.」）を指定すると、その文字を基準に位置揃えが行われます。

ただし、ほとんどのブラウザでは、この属性を指定しても機能しないようです。

charoff属性

charoff属性は、char属性の値で指定した文字までの文字数（オフセット値）を指定します。

ただし、ほとんどのブラウザでは、この属性を指定しても機能しないようです。