Diseño web en Monclova
5.1.2 Identificar información de filas y columnas
Puntos de verificación en esta sección:
5.1 Diseño web en Monclova En las tablas de datos, identifique los encabezamientos de fila y columna. [Prioridad 1]
5.2 Para las tablas de datos que tienen dos o más niveles lógicos de encabezamientos de fila o columna, utilice marcadores para asociar las celdas de encabezamiento y las celdas de datos. [Prioridad 1]
• Identifique grupos estructurales de filas (THEAD para encabezamientos de tabla que se repiten, TFOOT para pies de tabla que se repiten y TBODY para otros grupos de fila) y grupos de columnas (COLGROUP y COL).
Etiquete los elementos de tabla con los atributos “scope”, “headers”, y “axis ” de forma que los futuros navegadores y ayudas técnicas sean capaces de seleccionar datos de una tabla filtrando por categorías.
• No utilice PRE para crear una disposición tabular de texto (utilice el elemento TABLE de forma que las ayudas técnicas puedan reconocer que es una tabla).Diseño web en Monclova
• Para información sobre los encabezamientos de tabla, consulte el algoritmo encabezamiento de tablas y el debate sobre la Recomendación HTML 4.01 ([HTML4], sección 11.4.3).
<TABLE border=”1″ summary=”Esta tabla esquematiza el número de tazas de café consumidas por cada senador, el tipo de café (descafeinado o normal) y si se ha tomado con azúcar.”> <CAPTION>Tazas de café consumidas por cada senador</CAPTION>diseño web en Coahuila
<TR> <TH id=”header1″>Nombre</TH>
<TH id=”header2″>Tazas</TH>
<TH id=”header3″ abbr=”Tipo”>Tipo de café</TH>
<TH id=”header4″>¿Azúcar?</TH>
<TR> <TD headers=”header1″>T. Sexton</TD>
<TD headers=”header2″>10</TD>
<TD headers=”header3″>Expreso</TD>
<TD headers=”header4″>No</TD>
<TR> <TD headers=”header1″>J. Dinnen</TD>
<TD headers=”header2″>5</TD>
<TD headers=”header3″>Descaf</TD>
<TD headers=”header4″>Si</TD>
</TABLE>
Ejemplo. Este ejemplo muestra cómo asociar celdas de datos (creadas con TD) con sus correspondientes encabezamientos a través del atributo “headers”. El atributo “headers” especifica una lista de celdas de encabezamiento (etiquetas de fila y columna) asociadas con la celda de datos actual. Esto requiere que cada encabezamiento de celda tenga un atributo “id” que lo identifique.SEO