Тег caption

ОписВідкриваючий та закриваючий теги caption служать для вказівки заголовка таблиці.
Вони завжди повинні розташовуватися відразу ж після тега table.
Синтаксис
<table>
<caption>Текст</caption>
...
Елементи таблиці
...
</table>
Атрибутиalign
Визначає як само буде вирівнюватися та розміщуватись заголовок, може приймати значення:

  1. left - заголовок вирівнюється по лівому краю

  2. right - заголовок вирівнюється по правому краю

  3. top - заголовок розміщується вгорі таблиці за її центру

  4. bottom - заголовок розміщується внизу таблиці по її центру

Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу caption</title>
</head>
<body>
<table width="80%" border="0" cellpadding="5" cellspacing="3">
<caption align="left">Заголовок</caption>
<tr style="background:#ffeecc">
<td>текст 1</td>
<td>текст 2</td>
</tr>
<tr style="background:#ccffcc">
<td>текст 3</td>
<td>текст 4</td>
</tr>
</table>
</body>
</html>

Тег caption в Firefox:

Тег caption в Firefox

Тег caption в IE:

Тег caption в IE

(відкриється в новому вікні)
Часті помилки
ДодатковоЗверніть увагу, що при використанні атрибуту align зі значенням "left" Firefox показує заголовок зліва від таблиці (аналогічно показує праворуч від таблиці при значенні "right").
Opera та Internet Explorer в цьому випадку відображають заголовок над таблицею, вирівнюючи його по лівому або правому краю. Щоб уникнути горизонтального скролінгу, не забувайте про цю особливість Firefox при вказанням загальної ширини таблиці.

Тег caption