Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег caption

Дата:7.09.15 в 13:38
Справочник: 

Характеристики тега

В каких браузерах работает?

6.0+ 1.0+ 7.0+ 1.0+ 1.0+ 1.0+ 1.0+

В каких спецификациях используется?

HTML 3.2 4.01 5.0
XHTML 1.0 1.1

Для чего используется?

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

Как правильно задавать?

<table>
 <caption>Заголовок таблицы</caption>
 <tr>
  <td>Содержимое таблицы</td>
 </tr>
</table>

Какие атрибуты поддерживаются?

  • align - отвечает за зону расположения заголовка относительно горизонтальной оси.
  • valign - отвечает за зону расположения заголовка относительно вертикальной оси.

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

Закрытый тег

Да.

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег caption</title>
 </head>
 <body>  
  <table width="100%" border="1" cellspacing="0" cellpadding="4">
   <caption>Таблица 1. Демонстрация работы тега caption</caption>  
   <tr> 
    <th>&nbsp;</th><th>Цех 1</th>
    <th>Цех 2</th><th>Цех 3</th>
   </tr>
   <tr> 
    <td>Сталь 1, т</td><td>12 000</td>
    <td>20 000</td><td>10 000</td>
   </tr>
   <tr> 
    <td>Сталь 2, т</td><td>60 000</td>
    <td>80 000</td><td>45 000</td>
   </tr>
   <tr> 
    <td>Сталь 3, т</td><td>15 000</td>
    <td>5 000</td><td>18 000</td>
   </tr>
  </table>
 </body>
</html>

По итогу получаем

caption

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: