HTML <th> atribut scope

Definisi dan Penggunaan

Scope Atribut ini menentukan sel judul tabel adalah judul kolom, baris, atau grup kolom atau baris.

Perhatian:Scope Atribut ini tidak memiliki efek visual di browser web biasa, tetapi dapat digunakan oleh pembaca layar.

Penjelasan Detil

Penggunaan Scope Atribut dapat menghubungkan sel data dengan sel judul tabel.

Dengan nilai atribut row, baris judul yang termasuk sel seluruh tabel akan berhubungan dengan sel judul tabel. Dengan menentukan col, sel seluruh kolom dan sel judul tabel akan diikat bersama.

Penggunaan rowgroup dan colgroup akan mengikat sel seluruh baris grup (didefinisikan oleh tag <thead>, <tbody>, atau <tfoot>) atau kolom grup ke sel dan sel judul tabel (didefinisikan oleh tag <col> atau <colgroup>).

Contoh

Contoh: Tentukan dua sel judul adalah judul kolom:

<table>
  <tr>
    <th></th>
    <th scope="col">Bulan</th>
    <th scope="col">Tabungan</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Januari</td>
    <td>¥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Februari</td>
    <td>¥4000</td>
  </tr>
</table>

Coba sendiri

Sintaks

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

Nilai atribut

Nilai Deskripsi
col Tentukan sel adalah judul kolom.
row Tentukan sel adalah judul baris.
colgroup Tentukan sel adalah judul grup kolom.
rowgroup Tentukan sel adalah judul grup baris.

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan