<thead>: The THEAD Element

Last updated: 2026-10-13

<thead>The THEAD Element

The table header block wrapping header rows (tr), repeated on each printed page of a long table.

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

📝 Syntax

<thead>
  <tr><th>...</th></tr>
</thead>

▶ Example

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

🌐 Browser Support

Browser ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<thead> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
Supported in all major browsers
Tip: Place thead after caption/colgroup and before tbody/tfoot; it may only contain tr.

❓ FAQ

QIs thead required?
ASimple tables may skip it, but writing it is recommended: complete three-part semantics (header/body/footer), separately styleable, and thead is what gives long tables a chance to repeat headers in print. Screen-reader recognition is also more stable.
QMust cells inside thead be th?
AStrongly recommended — thead plus th makes the full header semantics: thead is the structural group, th the cell role. Putting td inside thead is grammatical but self-contradictory, and screen readers lose their column-header announcements.
QCan there be multiple thead elements?
ANo — each <table> has at most one <thead> (tbody and tfoot are also singular). A double-row header is one thead containing multiple tr, organized with colspan/rowspan per row.
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%

🙏 帮我们做得更好

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

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