colspan

th 要素・td 要素 rowspan 属性 (HTML, XHTML 1)

[1] HTML の th 要素および td 要素の colspan 属性は、こまの列またぎ数 (こまが複数の隣接する td/th 要素を連結した大きさである時に、その連結するこまの数) を指定します。

[9] 仕様書:

[2] この属性の値は NUMBER です。

正の数を指定すると、その数分の列を占有します。零 (0) を指定すると、同じ列群の残りすべてを占有します HTML 4.01 11.2.6。 (以前は表の残りすべてと規定されていました HTML 4.0 11.2.6, HTML 4.01 A.1.1.7。)

[3] この属性は省略可能です。既定値は 1 です。

<TABLE border="1">
<TR><TD>1 <TD>2 <TD>3
<TR><TD colspan="2">4 <TD>6
<TR><TD>7 <TD>8 <TD>9
</TABLE>

(HTML 4 仕様書より)

HTML の表では LaTeX などとは異なってまたがったこまの最初の位置 (rowspan や colspan のついた td や th が置かれる位置) 以外の位置には目印のようなものも何も書きません。

レンダリング例:

-------------
| 1 | 2 | 3 | 
--------|----
| 4     | 6 |
--------|----
| 7 | 8 | 9 |
-------------

[8] 用途によっては、 >>4 を

-------------
| 1 | 2 | 3 | 
----|---|----
| 4 | 4 | 6 |
----|---|----
| 7 | 8 | 9 |
-------------

のようにレンダリングするのもありでしょう。

[6] rowspan との併用ももちろん可能です。

<TABLE border="1">
<TR><TD>1 <TD rowspan="2" colspan="2">2
<TR><TD>4 
<TR><TD>7 <TD>8 <TD>9
</TABLE>

レンダリング例:

-------------
| 1 | 2     | 
----|       |
| 4 |       |
----|--------
| 7 | 8 | 9 |
-------------

[7] またぎ数は 0 にもできます。 (こんなの知らなかったって。いつからあるんだろう?)

<TABLE border="1">
<COLGROUP span="3">
<TR><TD>1 <TD>2 <TD>3 
<TR><TD>4 <TD colspan="0">5
<TR><TD>7 <TD>8 <TD>9
</TABLE>

レンダリング例:

-------------
| 1 | 2 | 3 | 
----|--------
| 4 | 5     |
----|--------
| 7 | 8 | 9 |
-------------

<table>
<tr><td colspan="0" rowspan='2'>1</td></tr>
<tr><td>2</td></tr>
</table>

(名無しさん 2006-11-09 00:13:02 +00:00)

[5] HTML 4 によれば、 rowspan と colspan が重なってしまう場合は誤りです。この場合 UA は好きなように処理して構わない (逆に言えば、どう処理されるかわからない) ことになっています。

たとえば、

<TABLE border="1">
<TR><TD>1 <TD>2 <TD>3
<TR><TD>4 <TD rowspan="2">5 <TD>6
<TR><TD colspan="2">7 <TD>9
</TABLE>

はこま 5 とこま 7 がぶつかるので誤りです。

[13] ja1200-200706 <http://suika.fam.cx/www/ja1200/doc/ja1200-200705> の中に colspan が 0 の標本が2頁、 rowspan が 0 の標本が1頁ありました。いずれも互換モードでした。いずれもテーブル・レイアウトでした。見た感じでは、どちらも 1 の意味で使っているようでした。 (名無しさん 2007-06-04 15:34:52 +00:00)