中年おっちゃんでも出来たウェブページ作成講座 with ? mark

Introduction to tables: TABLE要素の序文の抜粋

W3C - HTML 4.01 Specification → 11.1 Introduction to tables より

Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.

表（テーブル）は、非視覚系メディアで表現させようとした場合、問題を起こす場合があるので、文書内容のレイアウト目的で用いるべきではありません。グラフィック環境でも、閲覧者より大きなディスプレイのシステムで作成されたレイアウト目的の表を見る場合、水平方向のスクロールを強いるかもしれません。これらの問題を最小限にする為に、テーブルではなくスタイルシートを使用してレイアウトを調整するべきです。

と書いてありますが、スタイルシートだけでは思った通りのレイアウトが出来ないので、私は、レイアウト目的でTABLE要素を使用する場合があります。この判断は、各人で行って下さい。

TABLE要素で表の開始を宣言すると共に、
- 表の内容や構成（ summary属性必須）
- 表の外枠指定（ border属性）
等を記述します。
CAPTION要素で表題部を記述します。省略可
COL要素、COLGROUPで表の縦列の修飾を記述します。省略可
THEAD要素で表ヘッダ部の開始を宣言すると共に、
1. TR要素で行の開始を指定し、行の修飾を行います。
2. TH要素でセルの修飾を行い、内容で縦列の見出しを記述します。
省略可
TFOOT要素で表フッタ部の開始を宣言すると共に、
1. TR要素で行の開始を指定し、行の修飾を行います。
2. TD要素でセルの修飾を行い、内容でセルのデータを記述します。
省略可
TBODY要素で表ボディ部の開始を宣言すると共に、
1. TR要素で行の開始を指定し、行の修飾を行います。
2. TD要素でセルの修飾を行い、内容でセルのデータを記述します。
TBODY要素の記述がなければ、省略されていると解釈します。

HTML記述: <table summary="表作成に使用する要素一覧（左）,その説明（中）,部位名（右）" border="1">
<caption>表作成に使用する要素一覧（表題部）</caption>
<thead>
<tr>
<th>要素</th>
<th abbr="説明">要素の説明</th>
<th>ヘッダ部</th>
</tr>
</thead>
<tfoot title="フッタ部分の記述">
<tr>
<td colspan="2">表の枠で囲まれているそれぞれを ”セル” と呼びます。</td>
<td>フッタ部</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>table</td><td>表の開始を指定し、表全体の情報を記述します。</td>
<td rowspan="10">ボディ部</td>
</tr>
<tr>
<td>caption</td>
<td>表題を記述します。</td>
</tr>
<tr>
<td>colgroup</td>
<td rowspan="2">表の縦列の修飾に使用します。</td>
</tr>
<tr>
<td>col</td>
</tr>
<tr>
<td>thead</td>
<td rowspan="3">表の行を、ヘッダ、フッタ、ボディに分類します。</td>
</tr>
<tr>
<td>tfoot</td>
</tr>
<tr>
<td>tbody</td>
</tr>
<tr>
<td>tr</td>
<td>表の横行を修飾します</td>
</tr>
<tr>
<td>th</td>
<td>表のヘッダ部のセルの内容を記述します。</td>
</tr>
<tr>
<td>td</td>
<td>表のヘッダ部以外のセルの内容を記述します。</td>
</tr>
</tbody>
</table>

表（テーブル）の概説