Atributo scope de HTML <th>

Etiqueta <th> HTML

Definición y uso

scope El atributo especifica si la celda de título es la cabecera de una columna, una fila, o un grupo de columna o de fila.

Nota:scope El atributo no tiene efectos visuales en los navegadores web comunes, pero puede ser utilizado por los lectores de pantalla.

Explicación detallada

Uso scope El atributo puede vincular las celdas de datos con las celdas de encabezado.

A través del valor de atributo row, todas las tablas incluidas en la fila de encabezado se vinculan con las celdas de encabezado. Al especificar col, se une todas las celdas de la columna actual con las celdas de encabezado.

El uso de rowgroup y colgroup une todos los celdas de la fila del grupo (definido por las etiquetas <thead>, <tbody> o <tfoot>) o el grupo de columnas con todas las celdas y las celdas de encabezado (definidas por las etiquetas <col> o <colgroup>).

Ejemplo

Ejemplo: se especifica que dos celdas de título son el título de una columna:

<table>
  <tr>
    <th></th>
    <th scope="col">Mes</th>
    <th scope="col">Depósito</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Febrero</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Febrero</td>
    <td>￥4000</td>
  </tr>
</table>

Prueba tu mismo

Sintaxis

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

Valor de atributo

Valor Descripción
col Se especifica que la celda es el título de una columna.
row Se especifica que la celda es el título de una fila.
colgroup Se especifica que la celda es el título de un grupo de columnas.
rowgroup Se especifica que la celda es el título de un grupo de filas.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Etiqueta <th> HTML