Тег <caption>

IE
6.0+
Chrome
1.0+
Opera
7.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

<table>
	<caption>Текст</caption>
	<tr>
		<td>...</td>
	</tr>
</table>

Атрибуты

align: Определяет выравнивание заголовка по горизонтали.
valign: Устанавливает расположение заголовка до или после таблицы.

Также для этого тега доступны универсальные атрибуты, события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег caption</title>
  <style>
	td,th {border:1px solid black; padding:5px;}
	th {background:yellow;}
	table {border-collapse:collapse;}
	caption {padding-bottom:5px;}
  </style>
 </head>
 <body>  
  <table cellspacing="0">
   <caption>Тег caption</caption>  
   <tr> 
    <th>IE</th><th>Chrome</th>
   </tr>
   <tr> 
    <td> с 6й</td><td>с 1й</td>
   </tr>
  </table>
 </body>
</html>

Результат данного примера показан на рисунке ниже:

Категория: Таблицы

Статьи по теме

Заголовок таблицы