Cal é a diferencia entre etiquetas TH e TD HTML Table?

As táboas levaron un mal rap no deseño web. Hai moitos anos, usáronse táboas HTML para o deseño, o que obviamente non era para o que estaban destinadas. Como CSS subiu ao uso popular para os esquemas do sitio web, a idea de que "as táboas sexan malas" agarrou. Desafortunadamente, moitas persoas incomprendían isto para dicir que as táboas HTML son todas malas, todo o tempo. Ese non é o caso. A realidade é que as táboas HTML son malas cando se utilizan para algo que non sexa o seu verdadeiro propósito, que é mostrar datos tabulares (follas de cálculo, calendarios, etc.). Se está a construír un sitio web e ter unha páxina con este tipo de datos tabulares, non dubide en empregar unha táboa HTML na súa páxina.

Se comezou a construír sitios nos anos dende que as táboas de HTML para o deseño quedaron sen favor, en realidade non se podería estar familiarizado cos elementos que compoñen táboas HTML. Unha pregunta que moitos teñen cando comezan a mirar o marcador da táboa é:

"Cal é a diferencia entre as etiquetas HTML de e HTML"?

Cal é a etiqueta?

A etiqueta ou a etiqueta "datos da táboa", crea celas de táboa dentro dunha fila de táboa nunha táboa HTML. Esta é a etiqueta HTML que contén texto e imaxes. Basicamente, estas son as etiquetas de workhouse da túa mesa. As etiquetas conterán o contido da táboa HTML.

Que é a etiqueta?

A etiqueta , ou "cabeceira da táboa", é semellante á de moitas maneiras. Pode conter o mesmo tipo de información (aínda que non poñas unha imaxe nun ), pero define esa cela específica como cabeceira de mesa.

A maioría dos navegadores web cambian o peso da fonte a negra e centran o contido nunha cela. Por suposto, pode usar estilos CSS para facer que os encabezados da táboa, así como o contido das súas etiquetas, busque o xeito no que desexa que miren na páxina web procesada.

Cando debería usar & lt; th & gt; En vez de & lt; td & gt ;?

A etiqueta debería usarse cando desexa designar o contido da cela como cabeceira para esa columna ou fila. As celas de cabeceira de mesa normalmente atópanse na parte superior da táboa ou ao longo do lado, basicamente, os títulos na parte superior das columnas ou os títulos á esquerda ou ao comezo dunha liña. Estes encabezados úsanse para definir o contido que se atopa a continuación ou á beira deles, facendo que a mesa e os seus contidos son moito máis fáciles de revisar e procesar rapidamente.

Non empregue para estilizar as túas celas. Debido a que os navegadores tenden a mostrar as cabeceiras de táboa de xeito diferente, algúns deseñadores web perezosos poden tentar sacar proveito diso e usar a etiqueta cando queren que os contidos sexan ousados ​​e centrados. Isto é malo por varios motivos:

1. Non pode confiar en navegadores web que sempre mostrarán o contido desta forma. Os navegadores futuros poden cambiar a cor por defecto ou non facer cambios visuais en todo o contido . Nunca debería confiar exclusivamente nos estilos de navegador predeterminados e nunca debería usar un elemento HTML por causa de como "mira" de forma predeterminada
2. É semánticamente incorrecto. Os axentes de usuário que leen o texto poden agregar formato audible como "cabeceo de fila: o seu texto" para indicar que está nunha cela . Ademais, algunhas aplicacións web imprimen os encabezados da táboa na parte superior de cada páxina, o que supoñería problemas se a cela non é realmente un cabeceiro, senón que se utiliza só por motivos estilísticos. En segundo plano, usar etiquetas deste xeito pode causar problemas de accesibilidade para moitos usuarios, especialmente aqueles que usan dispositivos asistidos para acceder ao contido do seu sitio.
3. Debe usar CSS para definir como se ven as celas. A separación do estilo (CSS) e a estrutura (HTML) foi unha boa práctica no deseño web durante moitos anos. Unha vez máis, utilice un porque o contido desta cela é un cabeceiro, non porque lle agrade o xeito no que o navegador pode render ese contido de forma predeterminada.