Атрибут Span для colgroup и col

Из спецификации для <col>:

Контексты, в которых этот элемент может использоваться:
Как дочерний элемент colgroup, у которого нет атрибута span.
[...]
Содержание атрибуты: глобальные атрибуты
span

Я прочитал это как говорящее, что только <col span="7" /> сам по себе недействителен, но это:

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

является действительным и таким же, как:

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

Однако, если <colgroup> имеет атрибут span , то у него не должно быть <col> дочерних элементов:

Если элемент colgroup не содержит элементов col, то элемент может иметь указанный атрибут содержимого span...

Моя интерпретация (на основе спецификации HTML4 подробнее чем более тонкий 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.

Вот моя интерпретация спецификаций. Обновление: просмотрев спецификации HTML4, я изменил свое мнение об атрибуте span элемента colgroup.

(Это также ответ на мой собственный комментарий 2-го вопроса в ответе @mu.)

colgroup представляет собой группу из одного или нескольких столбцов. , а его span задает количество столбцов в группа столбцов. Поэтому я думаю об этом как о сокращении, избавляющем автора от последовательного написания нескольких элементов col.

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

Группа столбцов охватывает три столбца и оформлена в соответствии с правилом CSS .x {...}. Это эквивалентно

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

С другой стороны, col представляет один или несколько столбцов в столбце группа, а ее span указывает количество столбцов, «натянутых» элементом COL… что является циклическим определением, если вы спросите меня.

Единственный способ, которым я могу интерпретировать это, заключается в том, что написав

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

вы говорите, что есть три столбца, каждый из которых находится в одной логической группе, оформленной одинаково в соответствии с .y {...}. Это быстрый способ написать

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

На первый взгляд, я не уверен, что будет заметна разница. Как все это выглядит, конечно же, зависит от вашего CSS. Но семантически они очень разные. В первом примере представлены три группы столбцов, каждая из которых содержит один столбец, тогда как во втором примере представлена ​​одна группа из трех столбцов.

Переосмыслив это, я решил, что они оба одинаковы. Наличие colgroup диапазона n столбцов равнозначно одному colgroup с дочерним элементом col, который охватывает n столбцов. На мой взгляд, нет никакой логической или семантической разницы.

Примечание: элемент col должен быть содержится в элементе colgroup, не имеющем атрибута span. Он не может быть прямым потомком элемента table.