Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn 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

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 2. ChapterΒ 4

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Awesome!

Completion rate improved to 8.33

bookSemantic Tables

Swipe to show menu

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

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 2. ChapterΒ 4
some-alt