12

rowspanと とcolspanをcol説明できる人はいますcolgroupか? そして、これらの W3C は有効で意味的に正しいのでしょうか? これらはどのような状況で役立ちますか?

4

3 に答える 3

16

コルスパン

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

行スパン

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

w3c

ご覧のとおり、これはテーブル セルを接続するためのものです。これは必要な場合もあるため、有効です (RegDwights リンクで詳細情報が得られます...)。

列/列グループ

colgroupそして、テーブルのすべての行に属性を設定するために使用されます (したがって、すべての行の最初に ( )colを記述する必要はありません)。width="80"tdtr

<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>

列をグループ化することもできます。たとえば、1 列目と 2 列目withが 80 になり、3 列目が 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>
于 2010-03-10T11:44:08.967 に答える
5

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

于 2010-03-10T11:36:32.140 に答える
1

rowspanとcolspanは、デザイナーがセルを「マージ」できるようにする属性です。これは、Excel の同じコマンドとよく似ています (たとえば)。

colcssをcolgroup列の個々のセルに適用するのではなく、デザイナーが css を垂直列に適用できるようにします。これらがないと、html テーブルは行ベースであるため、このタスクは非常に困難になります。

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

今後の参考のために、http://reference.sitepoint.com/htmlを試してください。

于 2010-03-10T11:36:40.100 に答える