Елемент <colgroup> (від англ. column group — група колонок) призначений для завдання ширини та стилю однієї або кількох колонок таблиці. Цей елемент дозволяє зменшити код таблиці за рахунок скорочення атрибутів, що повторюються, і при його наявності браузер починає показувати вміст таблиці, не чекаючи її повного завантаження. Елемент <colgroup> можна використовувати в комбінації з <col>, який визначає характеристики однієї або декількох колонок.
Зазвичай тег, що закриває, не потрібен, але якщо <colgroup> виступає як контейнер для елементів <col>, тоді слід додати тег </colgroup> в кінці групи.
Різниця між властивостями <colgroup> і <col> не дуже велика і полягає в наступному. <colgroup> дозволяє об'єднувати колонки в певні групи, також при додаванні атрибуту rules зі значенням groups до елемента <table> браузер малює лінію тільки між колонками, створеними за допомогою <colgroup>. В інших випадках поведінка колонок призначених через елементи <colgroup> та <col> ідентична.
Для <colgroup> можна використовувати такі стильові властивості: border, background, width, visibility. Інші властивості не впливають на елемент.
Синтаксис
<table> <colgroup> <tr> <td>...</td> </tr> </table>
Закриваючий тег
Не обов'язковий.
Атрибути
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>COLGROUP</title> </head> <body> <table width="100%" cellpadding="2" cellspacing="0" border="1" rules="groups"> <colgroup width="150"> <colgroup span="9" align="center" width="50"> <col span="5"> <col span="4"> </colgroup> <tr> <td> </td><td>1995</td><td>1996</td><td>1997</t <td>1998</td><td>1999</td><td>2000</td><td>2001</td& <td>2002</td><td>2003</td> </tr> <tr> <td>Нафта</td><td>5</td><td>7</td><td>2</td><td&tt <td>3</td><td>34</td><td>62</td><td>74</td><td </tr> <tr> <td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td> <td>4</td><td>69</td><td>72</td><td>56</td><td </tr> <tr> <td>Дерево</td><td>5</td><td>8</td><td>3</td><td <td>7</td><td>73</td><td>79</td><td>34</td><td </tr> </table> </body> </html>
Результат цього прикладу показаний на рис. 1.
Мал. 1. Вигляд таблиці під час використання <colgroup>
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Рекомендація |
| HTML 4.01 Specifi cation | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
| 5 | 12 | 1 | 4 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з який елемент підтримується.