Índice

Celdas de encabezado

Las celdas de encabezado de columnas o de filas se definen mediante la etiqueta <th> ... </th>. Estas celdas proporcionan, de algún modo, título a los datos de la columna o de la fila.

En los navegadores visuales, el contenido de la etiqueta <th> aparece en gris y centrado. Puede ser por este motivo por el que los diseñadores las dejan de lado. No obstante, forma parte históricamente de las etiquetas de codificación de tablas en HTML. Destaquemos que su apariencia siempre puede modificarse mediante las hojas de estilo CSS.

La etiqueta <th> se ha mantenido en la especificación de HTML5, pues resulta de gran utilidad para los lectores de pantalla usados por personas invidentes. Contribuye así a la accesibilidad de los sitios web y, en particular, de las tablas que, cuando tienen cierta amplitud, se convierten en un verdadero problema a la hora de describirlas auditivamente.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>Html5</title> 
<meta charset="UTF-8"> 
<style> 
table { border: 1px solid black; 
        border-collapse: collapse; 
        width: 250px;} 
td { border: 1px solid black;} 
</style> 
</head> 
<body> 
<table> 
<tr> 
<th>Atributo</th> 
<th>Función</th> 
</tr> 
<tr> 
<td><i>colspan</i></td> 
<td>Para fusionar ...