Implementación de Tablas Semánticas y Marcos en el Desarrollo Web HTML

Estructuración de Datos en HTML: El Uso de Tablas

En HTML, una poderosa herramienta a la hora de mostrar cierto tipo de información son las tablas. Hay muchos sitios que por su naturaleza no usan tablas, aunque existen algunas ocasiones en que el papel de las tablas se vuelve esencial.

El fin de las tablas es preferentemente contener datos ordenados en celdas (filas y columnas). En principio, no deben ser usadas para crear divisiones de cara a mostrar una página web, es decir, es preferible que una página web no esté dividida en distintos espacios usando tablas. Para maquetar una página web y dividirla en distintos espacios se usarán otras herramientas (capas, elementos flotantes, etc.).

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un documento HTML usando tres elementos básicos:

• El elemento <TABLE>: Estructura contenedora principal.
• El elemento <TR> (Table Row): Contenedor de fila.
• El elemento <TD> (Table Data): Celda de datos.

Celdas de Encabezado (<TH>)

Hay dos tipos de celdas que pueden ser definidas en una tabla HTML. Una de ellas es la celda simple (elemento <TD>), ya definido anteriormente, y la otra es un tipo especial de celda, el elemento <TH> (Table Header o cabecera de tabla), que contiene información de encabezado para un conjunto de celdas específicas.

Los navegadores representan normalmente el contenido de las celdas especiales como texto centrado y en negrita, atributos que también pueden ser visualmente logrados con la utilización de celdas normales (elemento <TD>). Entonces, ¿para qué son útiles estos encabezados?

Importancia Semántica del Elemento <TH>

Cuando utilizamos <TH>, la celda queda definida como encabezado, no solo tiene el aspecto de un encabezado. Por poner un símil, no es lo mismo vestirse de policía sin serlo, que ser policía. No es lo mismo una celda que parece un encabezado sin estar definida como tal, que una celda definida realmente como encabezado.

La definición semántica de <TH> aporta varios beneficios clave:

• Accesibilidad: Los navegadores para personas invidentes identifican este tipo de encabezados y les dan un tratamiento especial.
• Motores de Búsqueda: Algunos motores de búsqueda (Bing, Google, Yahoo) dan un tratamiento distinto a este tipo de celdas.
• Diseño Específico: Disponer de encabezados nos permitirá crear tablas con un diseño específico para los encabezados.
• Efectos Visuales: Algunos navegadores crean efectos especiales para este tipo de celdas.

Frames (Marcos) en HTML

Los frames (marcos en español) permiten a los autores presentar documentos con vistas múltiples. Dividimos la página en partes más pequeñas y en cada una de ellas visualizamos documentos diferentes.

Esto posibilita mantener cierta información visible mientras otras vistas se desplazan o se sustituyen. Cada vista es un documento independiente de los otros.