<caption>

Добавляет подпись таблице.

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Тег <caption> нужен, чтобы добавить таблице подпись. В подписи лучше всего написать обобщающую информацию.

Пример

Секция статьи "Пример"
        
          
          <table>  <caption>Сводная таблица лайков</caption>  ...</table>
          <table>
  <caption>Сводная таблица лайков</caption>
  ...
</table>

        
        
          
        
      

Как пишется

Секция статьи "Как пишется"

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

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

Как понять

Секция статьи "Как понять"

Наличие подписи таблицы особенно важно для людей, использующих скринридеры. Вместо того чтобы слушать табличные данные, которые могут быть бесполезными удобнее прослушать подпись к таблице и решить, важна ли она.

Подсказки

Секция статьи "Подсказки"

💡 Применимы любые CSS-свойства.

На собеседовании

Секция статьи "На собеседовании"

Это партнёрская рубрика, мы выпускаем её совместно с сервисом онлайн-образования Яндекс Практикум. Приносите вопрос, на который не знаете ответа, в задачи, мы разложим всё по полочкам и опубликуем. Если знаете ответ, присылайте пулреквест на GitHub.

Это вопрос без ответа. Вы можете помочь! Почитайте о том, как контрибьютить в Доку.