Tag HTML <caption>

Definicja i użycie

<caption> Etykieta definiuje tytuł tabeli.

Etiqueta caption musi występować bezpośrednio po etykiecie table. Można zdefiniować tylko jeden tytuł dla każdej tabeli.

Wskazówka:Domyślnie, tytuł tabeli będzie wyśrodkowany nad tabelą. Ale można użyć atrybutów CSS text-align i caption-side do wyśrodkowania i umieszczenia tytułu.

Zobacz również:

Podręcznik HTML DOM:Obiekt Caption

Przykład

Przykład 1

Tabela z tytułem:

<table>
  <caption>Depozyty miesięczne</caption>
  <tr>
    <th>Miesiąc</th>
    <th>Depozyt</th>
  </tr>
  <tr>
    <td>Miesiąc</td>
    <td>￥3000</td>
  </tr>
</table>

Spróbuj sam

Przykład 2

Tytuł tabeli (używaj CSS):

<table>
  <caption style="text-align:right">Moje oszczędności</caption>
  <tr>
    <th>Miesiąc</th>
    <th>Depozyt</th>
  </tr>
  <tr>
    <td>Miesiąc</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">Moje depozyty</caption>
  <tr>
    <th>Miesiąc</th>
    <th>Depozyt</th>
  </tr>
  <tr>
    <td>Miesiąc</td>
    <td>￥3000</td>
  </tr>
</table>

Spróbuj sam

Globalne atrybuty

<caption> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty wydarzeń

<caption> Tagi te obsługują również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek wyświetli poniższe wartości domyślne <caption> Element:

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

Spróbuj sam

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie