Руководство по HTML

Полный список тегов HTML

Тег HTML: <colgroup>

HTML <colgroup> тег используется для определения группы ячеек в таблице, чтобы можно было применить форматирование или добавить класс к группе, а не к каждой отдельной ячейке. Этот тег также часто называют элементом <colgroup>.

Онлайн пример

<colgroup> и <col> теги устанавливают фоновый цвет для четырех столбцов таблицы:

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега colgroup в HTML5 (базовый учебник oldtoolbag.com)</title>
</head>
<body>
<table>
　　<colgroup>
　　　　<col span="3" style="background-color:#FFF9C4;">
　　　　<col style="background-color:yellow;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</th>
　　　　　　<th>Quantity</th>
　　　　　　<th>Price</th>
　　　　　　<th>Total</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Bananas</td>
　　　　　　<td>5</td>
　　　　　　<td>$12</td>
　　　　　　<td>$60</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

Проверьте, как это выглядит ›/

　В этом примере документа HTML5 мы создали таблицу с частями <colgroup>, <thead> и <tbody>. В части <colgroup> мы использовали два тега <col>. Первый тег <col> объединяет первые три колонки и устанавливает цвет фона для этих колонок #FFF9C4. Второй тег <col> объединяет четвертую колонку и устанавливает цвет фона黄色.

Совместимость с браузерами

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <colgroup>.

Определение и руководство по использованию тега

Элемент <colgroup> HTML находится в таблице, находящейся внутри тега <body>.

Тег <colgroup> используется для объединения колонок таблицы для их форматирования.
Тег <colgroup> должен出现在 после тега <caption> в таблице, но до тегов <thead>, <tr>, <th>, <tbody> и <tfoot>.

С помощью тега <colgroup> можно применить стили ко всем колонкам сразу, без необходимости повторного задания стилей для каждой ячейки или строки.

Подсказка:Если нужно определить различные свойства для определенной колонки в <colgroup>, то используйте внутри тега <colgroup> <col> тегов.

Различия между HTML 4.01 и HTML5

HTML5 больше не поддерживает большинство свойств HTML 4.01.

Свойство

Свойство	Значение	Описание
align	left 　right 　center 　justify 　char	HTML5 не поддерживает. Определяет способ горизонтального выравнивания содержимого в группе столбцов.
char	character	HTML5 не поддерживает. Определяет, по какому символу выравнивать содержимое группы столбцов.
charoff	number	HTML5 не поддерживает. Определяет смещение первого выравнивающего символа.
span	number	Определяет количество столбцов, которые должны перекрываться группой столбцов.
valign	top 　middle 　bottom 　baseline	HTML5 не поддерживает. Определяет способ вертикального выравнивания содержимого в группе столбцов.
width	pixels % relative_length	HTML5 не поддерживает. Определяет ширину группы столбцов.

Глобальные свойства

Поддержка тега <colgroup> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <colgroup> Событийные свойства HTML.

Тег HTML: <command>Тег HTML: <col>