Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Semantic Tables | Semantic Content and Structure
Build Meaningful and Accessible Web Pages

bookSemantic Tables

Tables are essential for displaying data in a way that is easy to understand and compare. Semantic HTML provides specific elements to structure tabular data, making it accessible and meaningful. The main elements are table, caption, thead, tbody, tfoot, tr, th, and td.

Each of these elements has a specific role:

  • table defines the table itself;
  • caption provides a concise description of the table's contents;
  • thead, tbody, and tfoot organize rows into logical sections.

The thead element groups header rows, usually containing column headings within th cells. The tbody element wraps the main body of data rows, each made up of td cells. Using these elements not only improves readability for users but also helps screen readers and search engines interpret the data correctly.

index.html

index.html

copy
question mark

Which statement best describes the purpose of the <caption> element in a semantic HTML table?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 4

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 8.33

bookSemantic Tables

Desliza para mostrar el menú

Tables are essential for displaying data in a way that is easy to understand and compare. Semantic HTML provides specific elements to structure tabular data, making it accessible and meaningful. The main elements are table, caption, thead, tbody, tfoot, tr, th, and td.

Each of these elements has a specific role:

  • table defines the table itself;
  • caption provides a concise description of the table's contents;
  • thead, tbody, and tfoot organize rows into logical sections.

The thead element groups header rows, usually containing column headings within th cells. The tbody element wraps the main body of data rows, each made up of td cells. Using these elements not only improves readability for users but also helps screen readers and search engines interpret the data correctly.

index.html

index.html

copy
question mark

Which statement best describes the purpose of the <caption> element in a semantic HTML table?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 4
some-alt