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。