: The TH Element

Last updated: 2026-09-12

<th>The TH Element

A table header cell identifying a row/column, bold and centered by default with accessibility semantics.

CategoryTables
Content ModelFlow content
Allowed ParentsAny element that accepts flow content
Content TagYes — requires closing </th> tag
StatusStandard

📝 Syntax

<th scope="col">Column header</th>

⚙️ Attributes

This element supports the global attributes plus the following:

AttributeValueDescription
scopeScope: col, row, colgroup or rowgroup.
colspanNumber of columns to span.
rowspanNumber of rows to span.
headersIDs of related header cells (complex tables).
abbrAbbreviated title for screen readers.

▶ Example

Edit the code below and see the live result in the playground:

🌐 Browser Support

Browser ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<th> v1 v12 v1 v1 v1
Supported in all major browsers
Tip: scope helps screen readers read tables correctly; set it whenever possible.
More case studies coming soon — check back later.

📚 Related Tutorials

Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏