<col>タグ

<col>タグの機能と属性
機能		列グループの中で列を定義する
属性	HTML-4.01	コア言語イベント span width align valign char charoff
属性	XHTML-1.0	コア言語イベント span width align valign char charoff
備考		空要素

<col>タグは、テーブルの列グループを定義した中で、さらに列を定義します。この<col>タグは、<colgroup>に必ずネストされる形となります。

<colgroup>と<col>タグを指定しても機能しないブラウザもありますし、<td>や<th>でcolspan属性を指定していると思ったような表現ができないこともあります。現段階では、これらの列を定義するタグはあまり使用されていないと思います。

span属性

span属性は、列を定義する列の数を指定します。ただし、<colgroup>でspan属性を指定していると、この<col>タグで指定したspan属性は適用されません。<col>でsapn属性を指定する場合は、<colgroup>にspan属性を指定しないでください。

下の例は、<col>タグを3つ記述して、最初の<col>タグでspan属性の値に2を指定しています。これで、2つの列を定義しています。残りの2つのタグにはspan属性を指定せず、1列ずつ列を定義しています（効果が分かるようにCSSで背景色を指定しています）。

col.html


<html>
    <head>
        <title>&lt;col&gt;タグの例</title>
    </head>
    <body>
        <table border="1">
            <caption>製品別スペック</caption>
            <colgroup>
                <col span="2" style="background: #ccc" />
                <col style="background: #fcc" />
                <col style="background: #cfc" />
            </colgroup>
            <tr>
                <th colspan="2"><br /></th>
                <th colspan="2">計測データ</th>
            </tr>
            <tr>
                <th colspan="2">製品名</th>
                <th>温度／時間</th>
                <th>変化</th>
            </tr>
            <tr>
                <th rowspan="2">プラチナール</th>
                <th>EX</th>
                <td>100度／1</td>
                <td>なし</td>
            </tr>
            <tr>
                <th>LE</th>
                <td>100度／1</td>
                <td>0.5mm膨張</td>
            </tr>
            <tr>
                <th rowspan="2">ゴールドール</th>
                <th>EX</th>
                <td>80度／1</td>
                <td>なし</td>
            </tr>
            <tr>
                <th>LE</th>
                <td>80度／1</td>
                <td>1mm膨張</td>
            </tr>
        </table>
    </body>
</html>