![Поддержка версиями HTML тега COL HTML](../images/html-yy.png)
![Поддержка версиями XHTML тега COL XHTML](../images/xhtml-yy.png)
![IE](../images/br-ie-y.png)
![Chrome](../images/br-cr-y.png)
![FireFox](../images/br-ff-y.png)
![Opera](../images/br-op-y.png)
![Safari](../images/br-sf-y.png)
Тег <COL>
Тег <COL> предназначен для группирования свойств столбца (колонки) или столбцов таблицы. Он удобен в использовании и сокращает HTML-код, если все ячейки каждого столбца имеют одинаковые характеристики, но при этом сами столбцы отличаются. Кроме этого, его допускается применять совместно с тегом <COLGROUP>, для переопределения свойств некоторых столбцов в группе.
Теги <COL> можно указывать неоднократно. При этом каждый из них будет действовать на столбец (столбцы) согласно своего появления в коде страницы (сверху вниз, слева направо), а также в зависимости от значения атрибута span. Например, мы указали <COL> два раза, при этом у второго значение span равно 2. Значит, первый будет действовать на первый столбец, а второй — на второй и третий.
Если вы хотите переопределить свойства для отдельной ячейки столбца, то используйте атрибуты тегов <TH>, <TD>.
Если для всех столбцов применить данный тег с указанием ширины, а также указать ширину таблицы, то браузер начнет отображать таблицу сразу, по частям, а не после того, как она полностью загрузится.
Атрибуты
Личные атрибуты:
Тип тега
Назначение: таблицы.
Модель тега: может располагаться внутри таблицы сразу после элемента <CAPTION> либо, если он не указан, после открывающего тега <TABLE>. Или внутри элемента <COLGROUP>. Комбинировать варианты нельзя.
Может содержать: данный элемент является пустым/Empty.
Открывающий тег: необходим. Закрывающий тег: запрещен.
Синтаксис
<table>
<col>
<tr><td></td></tr>
</table>
Пример HTML: применение тега COL
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>seodon.ru - Применение тега COL</title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="2" border="1">
<caption>Необходимое количество углеводов в день</caption>
<col width="70%">
<col width="30%">
<tr><th>Персона</th><th>Углеводы, гр.</th></tr>
<tr><td>Винни Пух</td><td>3500</td></tr>
<tr><td>Карлсон</td><td>2000</td></tr>
<tr><td>Почтальон Печкин</td><td>300</td></tr>
</table>
</body>
</html>
Результат. Применение тега COL.
![Применение тега COL Применение тега COL](images/col.png)
Поддержка версиями HTML
Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
Поддержка: | Да | Да | Да | Да | Да |