複数セルの結合

since: 31st/Aug./2001; last modified: 19th/Sep./2001

テーブルのセルは th 要素と td 要素で表現します。通常のテーブルはセルが碁盤目状に並んでいますが、隣接する複数のセルを結合することもできます。

colspan = Number

• 当該セルが、当該行内で占有するセル枠数を指定する。
• 例えば、 "4" ならば、四列分のマスを占有する。

rowspan = Number

• 当該セルが、当該列内で占有するセル枠数を指定する。
• 例えば、 "4" ならば、四行分のマスを占有する。

<table summary="セルの結合" border="1">
<tr>
  <td>(0,0)</td>      <td>(0,1)</td>      <td>(0,2)</td>      <td>(0,3)</td>
</tr><tr>
  <td>(1,0)</td>  <td colspan="2" rowspan="3">(1,1)</td>      <td>(1,3)</td>
</tr><tr>
  <td>(2,0)</td>                                              <td>(2,3)</td>
</tr><tr>
  <td>(3,0)</td>                                              <td>(3,3)</td>
</tr><tr>
  <td>(4,0)</td>      <td>(4,1)</td>      <td>(4,2)</td>      <td>(4,3)</td>
</tr>
</table>

碁盤目状に並んでいないテーブルは、非視覚系ユーザエージェントでの取り扱いが難しいとのことなので、濫用は慎むようにお勧めします。