Las mesas han tenido durante mucho tiempo una mala reputación en el diseño web. Hace muchos años, las tablas HTML se utilizaban para la maquetación, lo que obviamente no era para lo que estaban destinadas. A medida que el CSS fue ganando popularidad en el diseño de sitios web, la idea de que «las tablas son malas» se afianzó. Desafortunadamente, mucha gente malinterpretó esto para significar que las tablas HTML son todas malas, todo el tiempo. Ese no es el caso en absoluto. La realidad es que las tablas HTML son malas cuando se utilizan para algo que no sea su verdadero propósito, que es mostrar datos tabulares (hojas de cálculo, calendarios, etc.). Si está construyendo un sitio web y tiene una página con este tipo de datos tabulares, no dude en utilizar una tabla HTML en su página.
Si comenzó a construir sitios en los años desde que las tablas HTML para la maquetación cayeron en desgracia, es posible que no esté tan familiarizado con los elementos que componen las tablas HTML. Una pregunta que muchos tienen cuando empiezan a mirar el marcado de la mesa es:
«¿Cuál es la diferencia entre las etiquetas de tabla HTML?»
¿Qué es la etiqueta?
La etiqueta o etiqueta «table data», crea celdas de tabla dentro de una fila de tabla en una tabla HTML. Esta es la etiqueta HTML que contiene cualquier texto e imágenes. Básicamente, estas son las etiquetas del asilo de trabajo de tu mesa. Las etiquetas contendrán el contenido de la tabla HTML.
Qué es la etiqueta
La etiqueta o «table header», es similar a la en muchos sentidos. Puede contener el mismo tipo de información (aunque usted no pondría una imagen en un ), pero define esa celda específica como un encabezado de tabla.
La mayoría de los navegadores web cambian el peso de la fuente a negrita y centran el contenido en una celda. Por supuesto, puede utilizar estilos CSS para hacer que las cabeceras de las tablas, así como el contenido de sus etiquetas, se vean de la forma que desee que se vean en la página web renderizada.
¿Cuándo debería usarla en lugar de usarla?
La etiqueta se debe utilizar cuando se desea designar el contenido de la celda como encabezado para esa columna o fila. Las celdas del encabezado de la tabla se encuentran típicamente en la parte superior de la tabla o a lo largo del costado – básicamente, los encabezados en la parte superior de las columnas o los encabezados a la izquierda o al comienzo de una fila. Estas cabeceras se utilizan para definir qué es el contenido debajo o al lado de ellas, lo que hace que la tabla y sus contenidos sean mucho más fáciles de revisar y procesar rápidamente.
No use para darle estilo a sus celdas. Debido a que los navegadores tienden a mostrar las celdas del encabezado de la tabla de manera diferente, algunos diseñadores web perezosos pueden tratar de tomar ventaja de esto y usar la etiqueta cuando quieren que el contenido sea en negrita y centrado. Esto es malo por varias razones:
- No puede confiar en que los navegadores web siempre mostrarán el contenido de esa manera. Los navegadores futuros podrían cambiar el color por defecto, o no hacer ningún cambio visual en absoluto en el contenido. Nunca debe confiar únicamente en los estilos de navegador predeterminados y nunca debe utilizar un elemento HTML debido a su «aspecto» predeterminado
- Es semánticamente incorrecto. Los agentes de usuario que leen el texto pueden añadir un formato audible como «encabezado de fila: su texto» para indicar que está en una celda . Además, algunas aplicaciones Web imprimen los encabezados de las tablas en la parte superior de cada página, lo que resultaría en problemas si la celda no es realmente un encabezado, sino que se utiliza únicamente por razones de estilo. En resumen, el uso de etiquetas de esta manera puede causar problemas de accesibilidad para muchos usuarios, especialmente aquellos que utilizan dispositivos asistidos para acceder al contenido de su sitio.
- La separación de estilo (CSS) y estructura (HTML) ha sido una buena práctica en el diseño web durante muchos años. Una vez más, usa a porque el contenido de esa celda es un encabezado, no porque te guste la forma en que el navegador probablemente renderizará ese contenido por defecto.
.
