Właściwość scope w HTML <th>

definicja i zastosowanie

zakres Atrybut określa, czy komórka nagłówkowa jest tytułem kolumny, wiersza, czy tytułem grupy kolumn lub wierszy.

Uwaga:zakres Atrybut jest niewidoczny wizualnie w zwykłych przeglądarkach internetowych, ale może być używany przez czytniki ekranowe.

szczegółowe wyjaśnienie

użycie zakres Atrybut może łączyć komórki danych z komórkami nagłówkowymi.

Atrybut wartości row łączy wszystkie tabele wiersza nagłówkowego z komórkami nagłówkowymi. Podanie col łączy wszystkie komórki w bieżącej kolumnie z komórkami nagłówkowymi.

Użycie rowgroup i colgroup łączy wszystkie komórki w grupie wierszy (definiowane przez tagi <thead>, <tbody> lub <tfoot>) lub grupie kolumn (definiowane przez tagi <col> lub <colgroup>) z odpowiednimi komórkami nagłówkowymi.

Przykład

Zdefiniowanie dwóch komórek nagłówkowych jako nagłówków kolumn:

<table>
  <tr>
    <th></th>
    <th scope="col">Miesiąc</th>
    <th scope="col">Kapitał</th>
  </tr>
  <tr>
    <td>1</td>
    <td>styczeń</td>
    <td>¥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>luty</td>
    <td>¥4000</td>
  </tr>
</table>

Spróbuj sam

Gramatyka

<th scope="col|row|colgroup|rowgroup">

Wartość atrybutu

Wartość Opis
col Zdefiniowanie komórki jako nagłówek kolumny.
row Zdefiniowanie komórki jako nagłówek wiersza.
colgroup Zdefiniowanie komórki jako nagłówek grupy kolumn.
rowgroup Zdefiniowanie komórki jako nagłówek grupy wierszy.

Wsparcie przeglądarek

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