table要素【table element】 tableタグ / table tag

概要

table要素（table element）とは、HTMLで定義されている要素(タグ)の一つで、表(テーブル)を作ることができるもの。縦横に格子状に項目(セル)が並んだを定義し、各セルに任意の内容を表示することができる。

直接の子要素として、キャプションを表示するcaption要素、列のグループを定義するcolgroup要素、最上段のヘッダ行を定義するthead要素、2段目以降の各行を定義するtbody要素、最下段を定義するtfoot要素を含むことができる。

項目の並びは行単位で追加することができる。thead要素内には最上段に各列の表題が並んだ行を定義でき、tr要素を行を作成して子要素として列の数だけth要素を並べる。多くのWebブラウザはth内の文字列を特に指定がなければ太字で表示する。

表の本体はtbody要素内に定義する。tr要素で行を作成し、列の数だけtd要素でセルを配置していく。tdの内部には文字列や画像など任意のコンテンツを配置することができる。最下段に集計値などを起きたい場合はtfoot要素の中にtr要素を置き、thやtdを置いていく。行全体に適用したい属性やスタイルはtrに指定することができ、列全体に適用したい属性やスタイルは冒頭のcolgroupおよび内部のcol要素に指定することができる。

以前の規格では、bgcolor属性で背景色を、background 属性で背景画像を、border属性で枠の太さを、cellspacing属性でセル間の隙間を、cellpadding属性でセル内の枠線とコンテンツの隙間を指定することができたが、こうした見た目に関する属性はHTML5で廃止され、同等の機能を持つCSS プロパティで指定すべきとされる。