HTML thead: Main Tips
- In an HTML table, the
theadtag is used to group header content.
theadtag goes inside the <table> element and has <tr> elements nested inside.
theadHTML element is used together with <tbody> and <tfoot> to define parts of a table.
Creating HTML Table Headers
thead tag is used to define the top table row that contains the heads of the columns. In other words, it allows you to create HTML table headers:
<table border> <thead> <tr> <td>Purchase</td> <td>Price</td> </tr> </thead> </table>
Theory is great, but we recommend digging deeper!
Removed thead Tag Attributes
thead tag used to have a few tag-specific attributes. However, all of them have been deprecated in HTML4 and removed completely in HTML5. You can use CSS properties to achieve similar results.
align defined the alignment of content for the
Note: instead of align, use the CSS text-align property.
char set the alignment of content inside the
<thead> according to the character specified:
<thead align="char" char="M">
charoff set the number of characters for aligning the content after the character specified by the
<thead align="char" char="S" charoff="3">
valign set all the content inside the
<thead> element to align vertically:
Note: instead of valign, use the CSS vertical-align property.