Елемент <th> (від англ. table header cell — комірка заголовка таблиці) призначений для створення однієї комірки таблиці, яка позначається як заголовна. Текст у такому осередку відображається зазвичай браузером жирним шрифтом і вирівнюється по центру. Елемент <th> повинен розміщуватися всередині контейнера <tr>, який у свою чергу розташовується всередині <table>.
Синтаксис
<table> <tr> <th>...</th> </tr> </table>
Закриваючий тег
Не обов'язковий.
Атрибути
- abbr
- Короткий опис вмісту комірки.
- align
- Визначає вирівнювання вмісту комірки по горизонталі.
- axis
- Групує осередки пов'язані між собою схожою інформацією.
- background
- Задає фоновий малюнок у осередку.
- bgcolor
- Колір фону комірки.
- bordercolor
- Колір рамки.
- char
- Вирівнює вміст осередку за заданого символу.
- charoff
- Зміщує вміст осередку щодо заданий символ.
- colspan
- Об'єднує горизонтальні осередки.
- headers
- Дозволяє зв'язати осередки таблиці із заголовками в мовних браузерах.
- height
- Висота комірки.
- nowrap
- Забороняє перенесення рядків.
- rowspan
- Поєднує вертикальні осередки.
- scope
- Дозволяє зв'язати осередки простої таблиці із заголовками в мовних браузерах.
- 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>TH</title> <style type="text/css"> table { border-collapse: collapse; /* Відображати подвійні лінії як одинарні */
}
th { background: #ccc; /* Колір тла */
text-align: left; /* Вирівнювання по лівому краю */
}
td, th { border: 1px solid #800; /* Параметри кордону */
padding: 4px; /* Поля в осередках */
}
</style>
</head>
<body> <table width="100%" cellspacing="0" border="1"> <tr> <th>Браузер</th> <th colspan="3">Internet Explorer</th> <th colspan="3">Opera</th> <th colspan="2">Firefox</th>
</tr> <tr> <th>Версія</th> <td>5.5</td> <td>6.0</td> <td>7.0</td> <td>7.0</td> <td>8.0</td> <td>9.0</td> <td>1.0</td> <td>2.0</td>
</tr> <tr> <th>Підтримується</th> <td>Так</td> <td>Так</td> <td>Так</td> <td>Так</td> <td>Так</td> <td>Так</td> <td>Так</td> <td>Так</td>
</tr>
</table>
</body>
</html>Результат цього прикладу показаний на рис. 1.
Мал. 1. Вигляд осередків, оформлених за допомогою стилів
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Рекомендація |
| HTML 4.01 Specification | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C та рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
| 3 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якою елемент підтримується.