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

HTMLタグ完全ガイド

HTML: <colgroup>タグ

HTML <colgroup>タグは、テーブル内のリストグループを定義し、フォーマットを適用したり、クラスをグループに追加するために各セルごとに適用するのではなく、アプリケーションに使用するために使用されます。このタグは通常、<colgroup>要素とも呼ばれます。

オンラインの例

<colgroup> と <col> タグを使用して、テーブルの4つの列に背景色を設定しています：

サンプル

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　colgroupタグの使用(基础教程网　oldtoolbag.com)</title>
</head>
<body>
<table>
　　<colgroup>
　　　　<col　span="3"　style="background-color:#FFF9C4">
　　　　<col　style="background-color:yellow;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</th>
　　　　　　<th>Quantity</th>
　　　　　　<th>Price</th>
　　　　　　<th>Total</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Bananas</td>
　　　　　　<td>5</td>
　　　　　　<td>$12</td>
　　　　　　<td>$60</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

テストを見てみましょう ‹/›

　このHTML5ドキュメントの例では、<colgroup>、<thead>、および <tbody> 部分を持つテーブルを作成しました。 <colgroup> 部分では、2つの <col> タグを使用しました。第一个<col>タグは、前三列をグループ化し、これらの列の背景色を#FFFに設定します。9C4第二个<col>タグは、第四列をグループ化し、背景色を黄色に設定します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

タグの定義および使用方法

HTMLの <colgroup> 要素は、<body> タグ内のHTMLテーブルに位置します。

<colgroup> タグは、テーブルの列を組み合わせるために使用され、これによりフォーマットを適用できます。
<colgroup> タグは、テーブルの <caption> に続いて表示されなければなりませんが、<thead>、<tr>、<th>、<tbody>、および <tfoot> タグの前に表示される必要があります。

使用 <colgroup> タグで、列全体にスタイルを適用することができ、各セルや各行にスタイルを設定する必要がありません。

ヒント：もし<colgroup>内の特定の列に異なる属性を定義したい場合は、<colgroup>タグ内で以下を使用してください <col> タグと

HTML 4.01 HTML5の違い

HTML5 中ではHTMLが 4.01 のほとんどの属性

属性

属性	値	説明
align	left 　right 　center 　justify 　char	HTML5 サポートされていません。列組み合わせ内の内容の水平アライメント方法を指定します。
char	character	HTML5 サポートされていません。列組み合わせ内の内容をどの文字に基づいてアライメントするかを指定します。
charoff	number	HTML5 サポートされていません。最初のアライメント文字のオフセット量を指定します。
span	number	列組み合わせが横跨すべき列数を指定します。
valign	top 　middle 　bottom 　baseline	HTML5 サポートされていません。列組み合わせ内の内容の垂直アライメント方法を定義します。
width	pixels % relative_length	HTML5 サポートされていません。列組み合わせの幅を指定します。

グローバル属性

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

イベント属性

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

HTML: <command>タグ HTML: <col>タグ