Table caption placement in Bootsrap - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of a <caption> element in an HTML table?

The <caption> element provides a title or description for the table, helping users understand its content. It improves accessibility and clarity.

beginner

Where should the <caption> element be placed inside a table for correct HTML structure?

The <caption> element should be the first child inside the <table> element, before any <thead>, <tbody>, or <tfoot> sections.

intermediate

How does Bootstrap style the <caption> element by default?

Bootstrap styles the <caption> with padding and a muted color, aligning it to the top-left by default to keep it visually distinct as a table title.

intermediate

Can the <caption> element be placed below the table in HTML?

No, the <caption> element must be placed as the first child inside the <table>. Placing it below the table is invalid HTML and may cause accessibility issues.

intermediate

Why is correct placement of <caption> important for screen readers?

Screen readers announce the <caption> first when reading a table, so placing it correctly ensures users hear the table's title or description before the data.

Where should the <caption> element be placed inside a table?

A As the first child inside the <table>

B After the last <tr> element

C Outside the <table> element

D Inside the <tbody> only

The must be the first child inside the element for valid HTML and accessibility.

What does Bootstrap do to the <caption> element by default?

A Adds padding and a muted color

B Centers it horizontally

C Hides it completely

D Makes it bold and large

Bootstrap adds padding and a muted color to the

to visually separate it as a table title.

Why is the <caption> element important for accessibility?

A It adds color to the table

B It changes table layout

C It controls table sorting

D It provides a title announced by screen readers

Screen readers use the

to announce the table's purpose before reading data.

Is it valid HTML to place <caption> below the table rows?

A Only if inside <tfoot>

B Yes, it is valid

C No, it must be first child inside <table>

D Only if styled with CSS

The

must be the first child inside the element according to HTML standards.

What happens if you omit the <caption> element in a table?

A Table will not display

B Screen readers may lack context for the table

C Table becomes unresponsive

D Bootstrap adds a default caption

Without a caption, screen readers may not provide users with the table's purpose or description.

Explain the correct placement of the

element in an HTML table and why it matters.

Think about how screen readers read tables.

Describe how Bootstrap styles the

element and the visual effect it creates.

Consider how a table title should look.