Назначение тега <colgroup>

Тег <colgroup>

тег <colgroup>
назначение и применение тега <colgroup>
Тег <colgroup> как и тег <col> предназначен для задания ширины и стиля одной или нескольких колонок таблицы. Но обычно этим тегом задают группу колонок, которым присваивают например ширину, а внутри тегом <col> задают параметры для отдельных ячеек если их нужно выделить и изменить размеры.

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

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

Также при добавлении атрибута rules="groups" к тегу <table> браузер будет рисовать линию только между колонками, созданными с помощью <colgroup>.

Теги <colgroup> можно указывать неоднократно. При этом каждый из них будет действовать на группу столбцов согласно своего появления в коде страницы сверху вниз, слева направо, а также в зависимости от значения атрибута span. Например, в таблице есть четыре столбца. Мы указали два значения <colgroup> , при этом у первого значение span равно 1, а у второго 3. Значит, первый будет действовать на первую группу из одного столбца, а второй на оставшиеся 3 столбца.

Пример использования этих тегов

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Заголовок страницы</title>
</head>
<body>
<table width="600" cellpadding="2" cellspacing="2" border="1">
<colgroup width="150"style="background: #E6E6FA">
<col span="1" style="background: #E6E6FA" width="90">
<col span="3" style="background: #FFF8DC">
</colgroup>
<tr>
<td> </td><td>Вес</td><td>Скорость</td><td>Давление</td>
</tr>
<tr>
<td>Пробка</td><td>50кг</td><td>140км/ч</td><td>0,2бар</td>
</tr>
<tr>
<td>Колесо</td><td>18кг</td> <td>220км/ч</td><td>3бар</td>
</tr>
<tr>
<td>Крыло</td><td>288кг</td><td>1200км/ч</td><td>44бар</td>
</tr>
</table>
</body>
</html>


Результат

 ВесСкоростьДавление
Пробка50кг140км/ч0,2бар
Колесо18кг 220км/ч3бар
Крыло288кг1200км/ч44бар

Этот домен продается здесь: telderi.ru, и еще много других