Синтаксис

<caption>...</caption>

Описание

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

Примечание!

Можно указать только один заголовок для каждой таблицы.

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

Атрибуты

Атрибут Значение Описание
align left
right
top
bottom

Определяет выравнивание заголовка.
Не поддерживается в HTML5

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег caption</title>
</head>
<body>
    <table>
        <caption>Мои друзья</caption>
        <tr>
            <th>Номер</th>
            <th>Имя</th>
            <th>Возраст</th>
       </tr>
       <tr>
           <td>1</td>
           <td>Илья</td>
           <td>73</td>
       </tr>
       <tr>
            <td>2</td>
            <td>Лера</td>
            <td>18</td>
       </tr>
       <tr>
            <td>3</td>
            <td>Валера</td>
            <td>66</td>
         </tr>
     </table>
</body>
</html>

Отображение в браузере:

Мои друзья
Номер Имя Возраст
1 Илья 73
2 Лера 18
3 Валера 66

Параметры CSS по умолчанию

caption {
    display: table-caption;
    text-align: center;
}

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<caption> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.