colgroup和col上的跨度属性

Question

这些代码在逻辑上等价吗？

<colgroup span="7"> 
</colgroup> 

而且

<col span="7" /> 

而且

<colgroup> 
<col /> 
<col /> 
<col /> 
<col /> 
<col /> 
<col /> 
<col /> 
</colgroup> 

将通过CSS通过HTML或性质的任何属性具有同等效力？ sombody也可以添加“colgroup”标签。没有足够的代表让我这样做。

Answer 1

从specification for <col>：

上下文中，这个元素可用于：
由于不具有跨度属性colgroup元素的一个孩子。
[...]
内容属性： 全局属性
跨度

我读的话说，只是<col span="7" />自身是无效的，但这样的：

<colgroup> 
    <col span="7" /> 
</colgroup> 

是有效和相同：

<colgroup span="7"> 
</colgroup> 

但是，如果<colgroup> has a span attribute，那么它不应该有<col>孩子：

如果colgroup元素不包含COL元素，则该元素可以指定一个跨度内容属性...

我的解释（根据HTML4 specification而不是更薄的HTML5）基本上是通常使用<colgroup span="n">，除非您需要按照HTML4规范中的此（修改）示例以不同方式对组中的某一列进行样式设置：

<colgroup style="width: 20px; font-weight: bold;"> 
    <col span="39"> 
    <col id="format-me-specially" style="width: 35px;"> 
</colgroup> 

所以前39列将使用任何<colgroup>指定，但第40可以调整。 OTOH，我很难让浏览器在jsfiddle.net和YMMV上关注这些（尽管规格说明）。

Answer 2

这是我对规格的解释。 更新：在查看HTML4规范后，我改变了关于colgroup元素的span属性的想法。

（这也是以响应@亩的回答我的第二问题发表评论。）

一个colgroup代表group of one or more columns，其spanspecifies the number of columns in a column group。所以我认为它是一个捷径，可以让作者连续编写多个col元素。

<colgroup class="x" span="3"></colgroup> 

（也可以不写<colgroup class="x" span="3" />对于一些愚蠢的原因）

列组跨越了三列，并根据CSS规则.x {...}风格。这相当于

<colgroup class="x"> 
    <col /> 
    <col /> 
    <col /> 
</colgroup> 

在另一方面，col代表one or more columns in the column group，其spanspecifies the number of columns "spanned" by the COL element ......这是一个循环的定义，如果你问我。

我可以解释这个问题的唯一办法是通过写

<colgroup class="x"><col class="y" span="3" /></colgroup> 

你说有三列，每一个在同一个逻辑分组，根据.y {...}风格相同的方式。这是一个快捷方式编写

<colgroup class="x"> 
    <col class="y" /> 
    <col class="y" /> 
    <col class="y" /> 
</colgroup> 

Presentationally，我不知道会有一个明显的区别。当然，这一切看起来取决于你的CSS。但在语义上，它们是非常不同的。第一个示例代表三组列，每组包含一列，而第二个示例代表一组三列。

重新考虑这个之后，我决定他们都是一样的。拥有colgroup范围n列数与具有一个colgroup和col子列的列数相同，列表范围跨越n列。我认为没有逻辑或语义上的差异。

注意：the col element must be contained in a colgroup element that has no span attribute. It may not be a direct child of the table element。