tabletit

Tabletit is an informal term used in web design and data presentation to refer to the short label or heading that identifies a table’s content. It is not an official specification term and does not have a formal definition in standard documentation. In practice, the concept is implemented in two common ways: as a caption element in HTML, which semantically associates a table title with the table, and as a separate heading or caption styled with CSS using a class or id intended to reflect its purpose, such as tabletit.

In HTML, the standard method is the caption element placed as a child of the table element; screen readers read it as the table title. When styling or structuring outside of semantic markup, authors might use a heading element (h1–h6) placed above the table, or a div or span with class="tabletit" to apply visual style. The class name is a convention; the term tabletit itself has no inherent behavior.

Best practices emphasize semantic labeling: use the caption element to convey the title to assistive technologies and users. If additional descriptive text is needed, provide a caption or associate descriptive text with the table via aria-describedby. When using CSS, a .tabletit class can control font size, weight, alignment, and margins to achieve a consistent visual appearance.

Variations across frameworks exist; some data grid libraries generate internal titles, tooltips, or accessible labels that function similarly to a table title. The underlying goal remains to identify or label the table content in a clear and accessible manner.