Haz todo lo posible por comprender el código de forma correcta antes de usarlo a tu trabajo si tdeseas aportar algo puedes comentarlo.
Solución:
Primero, su segunda opción no es HTML del todo válida en el sentido de que todas las filas (TR) en una tabla deben contener la misma cantidad de columnas (TD). Su encabezado tiene 1 mientras que el cuerpo tiene 3. Debe usar el colspan attribute para arreglar eso
Referencia: “Las secciones THEAD, TFOOT y TBODY deben contener el mismo número de columnas”. – Último párrafo del apartado 11.2.3.
Con eso dicho, la primera opción es el mejor enfoque en mi opinión porque es legible independientemente de si tengo CSS habilitado o no. Algunos navegadores (o rastreadores de motores de búsqueda) no usan CSS y, como tal, hará que sus datos no tengan sentido, ya que el encabezado representará columnas en lugar de filas.
La Primera Opción… Creo que es el mejor y más sencillo enfoque…
Honestamente, la opción 1. Le sugiero que mire este ejemplo de W3.org (enlace a continuación). Creo que este método es el mejor, porque de esta manera tus encabezados también se interpretarán directamente en los lectores de pantalla.
https://www.w3.org/WAI/tutorials/tables/one-header/#table-with-header-cells-in-the-first-column-only
Aquí puedes ver las comentarios y valoraciones de los lectores
Si te gustó nuestro trabajo, eres capaz de dejar una sección acerca de qué le añadirías a este ensayo.