Тег colgroup

Справочник:

Тег

Характеристики тега

В каких браузерах работает?


6.0+	1.0+	6.0+	1.0+	1.0+	1.0+	1.0+

В каких спецификациях используется?

HTML

4.01

5.0

XHTML

1.0

1.1

Для чего используется?

Применение тега <colgroup> необходимо для сокращения кода посредством замены повторяющихся тегов col. Как и в случае с col, этот тег ставит первым приоритетом для браузера загрузку таблицы, а уже после остальное содержимое веб-документа. Допускается комбинировать применения оформления и с col, и с <colgroup> одновременно.

В обычной практике использования <colgroup> закрывающийся тег не обязателен, однако если он играет роль родителя для col, то закрытие обязательно.

Стоит также отметить, что функциональный набор <colgroup> и col абсолютно идентичен. Единственное отличие - обобщающий характер тега <colgroup>.

Как правильно задавать?

<table>
  <colgroup атрибуты>
  <tr>
   <td>Содержимое таблицы</td>
  </tr>
</table>

Какие атрибуты поддерживаются?

align - отвечает за местоположение контента относительно горизонтальной оси.
char - фиксирует местоположение текста относительно указанного символа.
charoff - совершает сдвиг текста из ячейки по указанному символу.
span - показывает число колонок, которым применяется указанные свойства атрибутов.
valign - отвечает за местоположение контента относительно вертикальной оси.
width - устанавливает ширину колонки в пикселях или процентах.

Закрытый тег

Нет.

Пример использования

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег colgroup</title>
 </head>
 <body>
  <table width="450" cellpadding="2" cellspacing="0" border="1">
   <colgroup span="2" align="center">
   <tr>
    <td>&nbsp;</td><td>Уголь</td><td>Серебро</td><td>Древесина</td><td>Метан</td>
   </tr>
   <tr>
    <td>2014</td><td>235,67</td><td>342,45</td><td>111,82</td><td>80</td>
   </tr>
   <tr>
    <td>2015</td><td>630,76</td><td>164,66</td><td>56,65</td><td>60</td>
   </tr>
  </table>
 </body>
</html>

Тип html тега:

Таблицы