Quina és la diferència entre les etiquetes TH i TD de la taula HTML?

Les taules han rebut un mal rap en el disseny web. Fa molts anys, les taules HTML es van utilitzar per al disseny, que, òbviament, no eren per a què eren destinats. A mesura que CSS augmentava l'ús popular per als dissenys de llocs web, la idea que "les taules són dolentes" s'apoderava. Malauradament, molta gent no entenia malament que això vol dir que les taules HTML són dolentes tot el temps. Aquest no és el cas en absolut. La realitat és que les taules HTML són dolentes quan s'utilitzen per a alguna cosa diferent del seu propòsit real, que és mostrar dades tabulars (fulls de càlcul, calendaris, etc.). Si esteu construint un lloc web i teniu una pàgina amb aquest tipus de dades tabulars, no dubteu a utilitzar una taula HTML a la vostra pàgina.

Si vau començar a construir llocs en els anys ja que les taules HTML per al disseny es van quedar fora de lloc, és possible que no estigueu familiaritzat amb els elements que formen taules HTML. Una pregunta que molts tenen quan comencen a mirar el marcat de taula és:

"Quina és la diferència entre i etiquetes de taula HTML?"

Què és l'etiqueta?

L'etiqueta o "taula de dades" crea cèl·lules de taula dins d'una fila de taula en una taula HTML. Aquesta és l'etiqueta HTML que conté text i imatges. Bàsicament, aquestes són les etiquetes de workhouse de la vostra taula. Les etiquetes contenen el contingut de la taula HTML.

Què és l'etiqueta?

L'etiqueta , o "encapçalament de la taula", és similar a la de moltes maneres. Pot contenir el mateix tipus d'informació (encara que no posi una imatge en un ), sinó que defineix aquesta cel·la específica com a encapçalament de la taula.

La majoria dels navegadors web canvien el pes del tipus de lletra a negreta i centren el contingut d'una cel·la. Per descomptat, podeu utilitzar els estils CSS per fer que aquests encapçalaments de la taula, així com el contingut de les vostres etiquetes, busqueu el mode que voleu que consulteu a la pàgina web representada.

Quan s'ha d'utilitzar & lt; th & gt; Més que & lt; td & gt;?

L'etiqueta s'ha d'utilitzar quan vulgueu designar el contingut de la cel·la com a capçalera d'aquesta columna o fila. Les cel·les de capçalera de la taula normalment es troben a la part superior de la taula o al llarg del costat, bàsicament, els encapçalaments a la part superior de les columnes o els encapçalaments a la part esquerra o al començament d'una fila. Aquests encapçalaments s'utilitzen per definir el contingut que hi ha a sota o al costat d'ells, fent que la taula i els seus continguts siguin molt més fàcils de revisar i processar ràpidament.

No utilitzeu per a l'estil de les vostres cel·les. Com que els navegadors tendeixen a mostrar les cel·les de les capçaleres de taula d'una manera diferent, alguns dissenyadors web mandrosos poden intentar aprofitar-se d'això i utilitzar l'etiqueta quan vulguin que els continguts siguin en negreta i centrats. Això és dolent per diversos motius:

1. No podeu confiar en els navegadors web que sempre mostraran el contingut d'aquesta manera. Els navegadors futurs poden canviar el color de manera predeterminada, o no facin cap canvi visual al contingut

   . No hauríeu de confiar únicament en els estils de navegador predeterminats i mai no hauria d'utilitzar un element HTML a causa de com "es veu" de manera predeterminada

2. És semànticament incorrecte. Els agents d'usuari que llegeixen el text poden afegir format audible, com ara "encapçalament de la fila: el text" per indicar que està en una cel·la . A més, algunes aplicacions web imprimeixen els encapçalaments de la taula a la part superior de cada pàgina, la qual cosa provocaria problemes si la cel·la no és en realitat capçalera, sinó que només s'utilitza per motius estilístics. En segon lloc, fer servir etiquetes d'aquesta manera pot causar problemes d'accessibilitat per a molts usuaris, especialment aquells que utilitzen dispositius assistits per accedir al contingut del vostre lloc.
3. Heu d'utilitzar CSS per definir com es veuen les cel·les. La separació de l'estil (CSS) i l'estructura (HTML) ha estat una bona pràctica en disseny web durant molts anys. Una vegada més, utilitzeu un perquè el contingut d'aquesta cel·la és un encapçalament, no perquè us agradi la forma en què el navegador és probable que renderitzi aquest contingut per defecte.