Etiqueta <th>

La etiqueta <th> en HTML se utiliza para definir las celdas de encabezado dentro de una tabla. Estas celdas están generalmente ubicadas en la primera fila de una tabla y se usan para etiquetar o describir el contenido de las columnas o filas de la tabla.

El contenido de las celdas dentro de una etiqueta <th> normalmente se presenta en negrita y centrado por defecto. Esto permite que se identifiquen como encabezados, distinguiéndolos de las celdas normales que se definen con la etiqueta <td>.

Es importante usar la etiqueta <th> en la primera fila (o en el encabezado de la tabla) para proporcionar contexto a los datos de la tabla. Los motores de búsqueda y las tecnologías de asistencia, como los lectores de pantalla, interpretan las celdas de encabezado para mejorar la accesibilidad y el SEO (optimización para motores de búsqueda).

Ejemplo de código

      
<table border="1">
    <thead>
        <tr>
            <th>Nombre</th>
            <th>Edad</th>
            <th>Ciudad</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Juan</td>
            <td>25</td>
            <td>Madrid</td>
        </tr>
        <tr>
            <td>Ana</td>
            <td>30</td>
            <td>Barcelona</td>
        </tr>
    </tbody>
</table>
      
    

Recuerda que las celdas de encabezado se crean con la etiqueta <th>, y que estas deben usarse dentro de las filas de encabezado (generalmente dentro de la etiqueta <thead>) para proporcionar un contexto claro a los datos de la tabla. Las celdas de datos, en cambio, deben crearse con la etiqueta <td>.

Beneficios del uso de <th> en tablas

• Mejora de la accesibilidad: Al usar <th>, los lectores de pantalla pueden identificar fácilmente las celdas de encabezado, proporcionando contexto para los datos de la tabla.
• Optimización para motores de búsqueda: Los motores de búsqueda pueden comprender mejor el contenido de la tabla cuando se usan celdas de encabezado adecuadas, lo que puede ayudar a mejorar el SEO.
• Claridad visual: La presentación en negrita y centrado de las celdas de encabezado ayuda a los usuarios a identificar rápidamente las categorías o títulos de las columnas o filas de la tabla.

Consideraciones adicionales:

• Uso en filas de encabezado: Es una buena práctica colocar la etiqueta <th> en la primera fila (dentro de <thead>) de la tabla, ya que esto proporciona contexto para las celdas de datos de la tabla.
• Accesibilidad: Asegúrate de usar la etiqueta <th> para las celdas de encabezado, ya que es fundamental para la accesibilidad, especialmente para los usuarios de lectores de pantalla.
• Combinación con otras etiquetas: La etiqueta <th> se puede utilizar en combinación con otras etiquetas como <thead>, <tbody> y <tfoot> para mejorar la organización y la estructura semántica de la tabla.

Resumen:

• <th> define las celdas de encabezado de una tabla y debe usarse dentro de las filas de encabezado.
• Las celdas de encabezado generalmente se presentan en negrita y centrado por defecto.
• Utilizar correctamente <th> mejora la accesibilidad, el SEO y la claridad visual de la tabla.