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

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 4

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 8.33

bookSemantic Tables

Swipe um das Menü anzuzeigen

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

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 4
some-alt