Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML тег caption | назначение, синтаксис, атрибуты, примеры

Тег caption

Последнее обновление: 23.01.2011

Тег <caption> (с англ. заголовок) — тег-контейнер, создает заголовок таблицы. Отображается над таблицей вне рамки.
Элемент таблицы.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<table>
<caption>название таблицы</caption>
...
</table>

Атрибуты



align выраванивание заголовка относительно таблицы

  • left — заголовок сверху таблицы, выровнен под левый край
    В Firefox заголовок располагается слева таблицы!
  • right — заголовок сверху таблицы, выровнен под правый край
    В Firefox заголовок располагается справа таблицы!
  • center — заголовок сверху таблицы, выровнен по центру
    Не входит в спицификацию HTML 4. Вместо него рекомендуется использовать top
  • top — заголовок сверху таблицы, выровнен по центру (по умолчанию)
  • bottom — заголовок ниже таблицы, выровнен по центру

Не рекомендуется в спецификации HTML 4.01!

class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный индетификатор
lang определяет язык отображаемого документа
style задает встроенную таблицу стилей
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
title задает расшифровку аббревиатуры, показывается в виде всплывающей подсказки
valign выраванивание заголовка относительно таблицы.
Применяется только в IE. Может комбинироваться с align

  • top — заголовок сверху таблицы (по умолчанию)
  • bottom — заголовок ниже таблицы

Отсутствует в спецификации HTML 4.01!

Пример

приведен только код заголовка таблицы


<table>
<caption align="top">Таблица 1. Комбинируем align и valign</caption>
</table>

Рекомендации по использованию

  • закрывающий тег обязателен (</caption>)
  • должен располагаться в контейнере <table>, причем непосредственно за открывающим table
  • для каждой таблицы может быть только один
  • обязательных атрибутов нет
  • ширина заголовка равна ширине таблицы
  • разные браузеры отображают элемент по разному
  • большинство браузеров по умолчанию выравнивают содержимое <caption> по центру
Твой код:

Результат: