Тег <caption>

Опис

Тег <caption> використовується для визначення заголовка таблиці в HTML.

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

Приклад

<table>
  <caption>Це заголовок таблиці</caption>
  <tr>
    <th>Продукт</th>
    <th>Ціна</th>
  </tr>
  <tr>
    <td>Хліб</td>
    <td>10 грн</td>
  </tr>
</table>

<table> <tr> <th>Браузер</th> <th>Підтримка</th> </tr> <tr> <td>Chrome</td> <td>Повна</td> </tr> <tr> <td>Firefox</td> <td>Повна</td> </tr> </table>

<a href='https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption'>Документація MDN</a>

<caption>Текст заголовка</caption>

Атрибути

alignВизначає вирівнювання тексту заголовка таблиці (left, right, center).

Часті запитання

  • Q: Тег <caption> в HTML як і де використовують?

    A: Тег <caption> використовується для відображення заголовка таблиці. Він повинен бути першим елементом всередині тегу <table>.

  • Q: Як правильно використовувати тег <caption> в HTML?

    A: Тег <caption> розміщується всередині тегу <table> перед будь-якими рядками або стовпцями таблиці.

  • Q: Чи обов'язковий тег <caption> в HTML для таблиці?

    A: Тег <caption> не є обов'язковим для таблиці, але його використання допомагає користувачам краще розуміти зміст таблиці.

  • Q: Чи можна використовувати більше одного тегу <caption> в таблиці HTML?

    A: У таблиці HTML може бути лише один тег <caption>. Якщо використовується більше одного, браузер може відображати їх неправильно.

  • Q: Чи можна стилізувати тег <caption> за допомогою CSS?

    A: Так, тег <caption> можна стилізувати за допомогою CSS. Він має свої власні CSS властивості, які дозволяють змінювати його вигляд.