Тег caption

Тег <caption> служит для создания подписи к таблице. Тег <caption> размещается сразу после тега <table>. Для таблицы можно создать только одну подпись. Обычно подпись размещается над таблицей по центру.

Поддержка браузерами

Тег <caption> поддерживается всеми основными браузерами.

Отличия в HTML и XHTML

Отличия отсутствуют

Опциональные атрибуты

Столбец DTD отражает доступность атрибута. S=Strict, T=Transitional, F=Frameset.

Атрибут Значение Описание DTD
align left
right
top
bottom
Устаревший. Используйте CSS-стили.
Задает выравнивание подписи
TF

Стандартные атрибуты

Тег <caption> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
class имя класса Содержит имя класса элемента STF
dir rtl
ltr
Направление текста для контента элемента STF
id id Содержит уникальный идентификатор элемента STF
lang код языка Язык контента элемента STF
style стили Содержит стили элемента STF
title текст Содержит дополнительную информацию об элементе STF
xml:lang код языка Язык контента элемента в XHTML-документах STF

Событийные атрибуты

Тег <caption> поддерживает следующие событийные атрибуты:

Атрибут Значение Описание DTD
onclick скрипт Скрипт выполняется при клике мышью по элементу STF
ondblclick скрипт Скрипт выполняется при двойном клике мышью по элементу STF
onmousedown скрипт Скрипт выполняется, когда кнопка мыши нажата STF
onmousemove скрипт Скрипт выполняется при перемещении курсора мыши STF
onmouseout скрипт Скрипт выполняется, когда курсор мыши покидает область элемента STF
onmouseover скрипт Скрипт выполняется, когда курсор мыши входит в область элемента STF
onmouseup скрипт Скрипт выполняется, когда кнопка мыши отпущена STF
onkeydown скрипт Скрипт выполняется, когда кнопка клавиатуры нажата STF
onkeypress скрипт Скрипт выполняется, когда кнопка клавиатуры зажата STF
onkeyup скрипт Скрипт выполняется, когда кнопка клавиатуры отпущена STF

Пример

<table>
  <caption>Фрукты</caption>
   <tr>
     <th>Наименование</th>
     <th>Количество</th>
   </tr>
   <tr>
     <td>Яблоки</td>
     <td>50</td>
   </tr>
 </table>

Интересные новости в мире Интернета: