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

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 4

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you give an example of a semantic HTML table?

What is the difference between `thead`, `tbody`, and `tfoot`?

Why is using semantic elements important for accessibility?

Awesome!

Completion rate improved to 8.33

bookSemantic Tables

Sveip for å vise menyen

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

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 4
some-alt