Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Тег <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" "http://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

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа