TH y TD HTML Table Tags: ¿Cuál es la diferencia?

TH y TD HTML Table Tags: ¿Cuál es la diferencia?

TH y TD HTML Table Tags: ¿Cuál es la diferencia?

VALORACIÓN DEL ARTÍCULO:
5/5


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:

  1. 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
  2. .

  3. 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.
  4. 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.

TAMBIÉN TE INTERESA

estafada-en-una-app

Así te pueden estafar en Vinted: la explicación paso a paso

Vinted es una de las plataformas de mayor éxito en el último año. Con la subida de precios, muchos han apostado por la fórmula de la segunda mano para comprar artículos. Y como la moda es uno de los sectores más dinámicos para el consumo… blanco y en botella. Vinted tiene actualmente uno seis millones

simplr

El consumo de productos de tecnología está cambiando gracias a plataformas como Simplr

Simplr y otras plataformas parecidas están impulsado un cambio de consumo en los productos tecnológicos. La clave de estas webs es que los productos se “alquilan” bajo un pago por uso o suscripción. Mediante esta fórmula, estas compañías aseguran que los usuarios pueden ahorrarse mucho dinero, aunque también hay otras perspectivas destacables. El pago por

redactor de contenido

¿Corre peligro un redactor de contenido con la inteligencia artificial?

Un redactor de contenido es un tipo de profesional que ha existido siempre. Desde la llegada de los medios de comunicación clásicos hasta la consolidación de las plataformas digitales de ocio e información con la llegada de streamers, el puesto también llamado de content editor ha sido relevante se mire por donde se mire. Esa