Тег <caption>

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

            
  <table>
   <caption>Заголовок (описание таблицы)</caption>
   <tr>
    <td>содержимое ячейки</td>
   </tr>
  </table>
            
            

Тег <caption> по умолчанию отображает заголовок сверху таблицы и выравнивает его по центру. Для изменения этих параметров нужно воспользоваться атрибутами align и valign. Так же для тега <caption> доступны универсальные атрибуты и события.

Атрибуты тега <caption>

align - выравнивает заголовок по горизонтали.

valign – располагает заголовок сверху или снизу таблицы.

Альтернативой этим атрибутам служат свойства CSS text-align и caption-side соответственно.

Пример:

        
<!DOCTYPE HTML>
<html>
  <head>
    <title>Тег CAPTION</title>
    <meta charset="utf-8">
  </head>
  <body>
  <table width="100%" border="2" cellspacing="0" cellpadding="3">
   <caption>Расход топлива за третий триместр</caption>  
   <tr> 
    <th>&nbsp;</th>
    <th>Сентябрь</th>
    <th>Октябрь</th>
    <th>Ноябрь</th>
   </tr>
   <tr> 
    <td>Объем, л</td>
    <td>500</td>
    <td>630</td>
    <td>247</td>
   </tr>
  </table>
  </body>
</html> 
			
            
Смотреть пример