テーブルは昔からみんなに使われているタグですが、現在もウェブサイトの再構築に伴い、テーブルをレイアウトに使うと誤解している人も多いようです。いわゆる標準ではありませんが、そうではありません。テーブルは重要な要素です。
テーブルタグには主に table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup のタグがあります。それぞれの概要は次のとおりです
。
table タグはテーブルを定義します。 <table> タグ内には、表のタイトル、表の行、表の列、表のセル、およびその他の表を配置できます。
<キャプション>
caption 要素はテーブルのタイトルを定義します。キャプション タグは、テーブル タグの直後に続ける必要があります。テーブルごとにタイトルを 1 つだけ定義できます。通常、タイトルはテーブルの上の中央に配置されます。
<番目>
テーブルのヘッダー セルを定義します。この th 要素内のテキストは通常、太字で表示されます。
<tr>
テーブル内の行を定義します。
<td>
テーブル内のセルを定義します。
<頭>
テーブルのヘッダーを定義します。
thead、tfoot、および tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。
<本体>
テーブル本体(テキスト)を定義します。
<tbody> タグを使用すると、表を別のセクションに分割できます。 <tbody> タグは、テーブル内の 1 つまたは複数の行をグループ化できます。
テーブルに 1 つまたは 2 つ以上の <tbody> タグを含めることもできますが、テーブルには <tbody> タグを含めないことをお勧めします。
<tbody> タグのうち、テーブルの行を定義できるのは <tr> タグだけです。 <tbody> タグを定義すると、<tbody> タグはテーブルの独立した部分になります。たとえば、ある <tbody> から別の <tbody> にまたがることはできません。
thead、tfoot、および tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。
<足>
表のフッター(脚注)を定義します。
thead、tfoot、および tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。
<列>
テーブル内の 1 つ以上の列の属性値を定義します。このプロパティは、テーブルまたはコルグループ内でのみ使用できます。
<コルグループ>
テーブル列のグループ化を定義します。この要素を使用すると、書式設定のために列をグループ化できます。この要素は、<table> タグ内でのみ有効です。
<colgroup> タグを使用するには 2 つの方法があります。1 つは単に複数の同一の列を定義する方法、もう 1 つは複数の異なる列を結合する方法です。