rowspanとcolspan、colとcolgroupについて説明してください

Question

誰か説明してもらえますか rowspan そして colspan, col そして colgroup?そして、これらの W3C は有効であり、意味的に正しいのでしょうか?これらはどのような状況で役立ちますか?

Answer 1

COLSPAN

<table border="1">
  <tr>
    <th colspan="2">people are...</th>
  </tr>
  <tr>
    <td>monkeys</td>
    <td>donkeys</td>
  </tr>
</table>

ROWSPAN

<table border="1">
  <tr>
    <th rowspan="2">monkeys are...</th>
    <td>... real monkeys</td>
  </tr>
  <tr>
    <td>... 'unreal' monkeys (people...)</td>
  </tr>
</table>

W3C

ご覧のように、

、これは、テーブルのセルを接続するためのものであり - そして、これは時々neccessaryであるので、それは有効です（RegDwightsリンクは...より多くの情報が得られます）。

。

COL / COLGROUP

colgroupとcolは、テーブル内のすべての行に属性を設定するために使用されている（ので、あなたはすべての行の最初のwidth="80"（td）のためtrを記述する必要はありません）：

<table border="1">
  <colgroup>
    <col width="80">
    <col width="100">
    <col width="320">
  </colgroup>
  <tr>
    <td>first line, first column</td>
    <td>first line, second column</td>
    <td>first line, third column</td>
  </tr>
  <!-- more table-lines... -->
</table>

あなたはまた、グループCOLSは、最初と2番目の列は80のwithを取得する必要があります言うことができます、第三は、320を取得する必要がありますすることができます：

<table border="1">
  <colgroup width="80" span="2"></colgroup>
  <colgroup width="320" span="1"></colgroup>
  <tr>
    <td>first line, first column</td>
    <td>first line, second column</td>
    <td>first line, third column</td>
  </tr>
  <!-- more table-lines... -->
</table>

Answer 2

はい、それらはすべて W3C によって推奨されています。ドキュメントへの直接リンクは次のとおりです。

• col
• colgroup
• colspan
• rowspan

Answer 3

rowspanとcolspanは、設計者が細胞を「マージ」することを可能にする属性である - 。多くの（たとえば）Excelで同じコマンドのように

colとcolgroupは、設計者がなく、列内の個々のセルにCSSを適用することより、垂直列にCSSを適用することを可能にします。 HTMLテーブルは、行ベースであるように、これらがなければ、この作業ははるかに困難であろう。

これらの4つはすべて有効です。

今後の参考のために、 http://reference.sitepoint.com/htmlする