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

Тег <COL>

Тег <COL> предназначен для группирования свойств столбца (колонки) или столбцов таблицы. Он удобен в использовании и сокращает HTML-код, если все ячейки каждого столбца имеют одинаковые характеристики, но при этом сами столбцы отличаются. Кроме этого, его допускается применять совместно с тегом <COLGROUP>, для переопределения свойств некоторых столбцов в группе.

Теги <COL> можно указывать неоднократно. При этом каждый из них будет действовать на столбец (столбцы) согласно своего появления в коде страницы (сверху вниз, слева направо), а также в зависимости от значения атрибута span. Например, мы указали <COL> два раза, при этом у второго значение span равно 2. Значит, первый будет действовать на первый столбец, а второй — на второй и третий.

Если вы хотите переопределить свойства для отдельной ячейки столбца, то используйте атрибуты тегов <TH>, <TD>.

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

Атрибуты

Личные атрибуты:

align — Горизонтальное выравнивание содержимого ячеек.
span — Указывает количество столбцов, на которые распространится действие элемента.
valign — Вертикальное выравнивание содержимого ячеек.
width — Указывает ширину столбцов.

Общие атрибуты:

accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
dir — указывает направление текста внутри элемента.
id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
lang — указывает язык, на котором написан текст внутри HTML-элемента.
style — необходим для применения встроенных стилей CSS к тегу.
tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Назначение: таблицы.

Модель тега: может располагаться внутри таблицы сразу после элемента <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.

Поддержка версиями 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 и выше
Поддержка:	Да	Да	Да	Да	Да