HTML таг th

Пример

Кратък пример как се използва тагът <th>.

<table class="table table-bordered">
  <thead>
    <tr>
      <th scope="col">Име</th>
      <th scope="col">Имейл</th>
      <th scope="col">Роля</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Иван Иванов</td>
      <td>ivan@example.com</td>
      <td>Администратор</td>
    </tr>
  </tbody>
</table>

Дефиниция и употреба

Виж как се ползва тагът <th>.

Елементът <th> (table header cell) дефинира клетка заглавие в таблица. Обикновено се използва в секциите <thead>, <tbody> или <tfoot> и се поставя вътре в ред <tr>. Съдържанието на <th> описва значението на данните в съответната колона или ред и по подразбиране се визуализира с удебелен шрифт и центриран текст.

За по-добра достъпност се препоръчва използването на атрибута scope, който указва дали заглавната клетка се отнася за колона (scope="col"), ред (scope="row"), група колони (colgroup) или група редове (rowgroup). Това помага на екранни четци и други асистивни технологии да свържат правилно заглавията с данните.

Елементът <th> може да използва и глобални HTML атрибути (като class, id, style, data-*) и събитийни атрибути (като onclick). В контекста на Bootstrap често се комбинира с класове като .table, .table-dark, .text-center и др., за да се постигне желаното оформление и стил на таблицата.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути