Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег colgroup

Дата:7.09.15 в 18:50
Справочник: 

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

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

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>

Оценка: 
Оценок: 1 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: