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

temu

Temu: chollos y estafas que campan a sus anchas

No son pocos los usuarios que reciben periódicamente anuncios sobre los grandes chollos que se comercializan en Temu. Para quien no lo conozca, Temu es un ecommerce procedente de China que es muy simular a lo que estamos acostumbrados como Amazon, Aliexpress o Miravia.  El catálogo de Temu cuenta con más de 100 categorías de

Samsung-Galaxy-S24

Nace la era de la IA móvil con los nuevos Galaxy S24 de Samsung

Samsung ha presentado a bombo y platillo su nuevos modelos Galaxy S24, con muchas novedades respecto al anterior Galaxy S23. Las tres referencias que llegan al mercado de esta serie flagship de la firma coreana son: el Galaxy S24 Ultra, Galaxy S24+ y Galaxy S24. En todos ellos, la presencia de la inteligencia artificial es

ROG-Phone-8

Serie ROG Phone 8, mucho gaming y mucho de todo

El ROG Phone 8 marca el inicio de una revolucionaria travesía que redefine la excelencia en juegos para dispositivos móviles. Y es que este móvil pensando para gamers va mucho más allá del placer jugar y todas sus funciones le colocan como un multiusos que llaman la atención. La serie ROG cambia y lo hace

xiaomi-SU7-diseño

El Xiaomi SU7 asoma la patita: que tiemble Tesla

El esperado primer coche desarrollado por Xiaomi ha sido oficialmente presentado recientemente. El mercado ya se prepara para recibir al Xiaomi SU7. A primera vista, su diseño compite directamente con Tesla y recuerda a deportivos como el Porsche Panamera. Vamos a ver los detalles de esta sedán eco-tecnológico de alto rendimiento que llegará al mundo

Rust Lenguaje de programacion

Rust lenguaje de programación que potencia el rendimiento y la seguridad

Rust lenguaje de programación ofrece rendimiento y seguridad para el desarrollo de software. Su enfoque confiable y eficiente lo convierte en una elección destacada en la industria. Con una documentación completa y herramientas avanzadas, Rust facilita el proceso de programación. Además, su comunidad activa y el apoyo de empresas garantizan su continuidad y evolución. Empresas