html tables: thead vs th

The <thead> tag is used to group the header content in an HTML table. The thead element should be used in conjunction with the tbody and tfoot elements.

More : thead

You use <thead> to encapsulate an entire row (or rows) to designate them as the Table Header. According to the spec,

“This division enables user agents to support scrolling of table bodies independently of the table head and foot. When long tables are printed, the table head and foot information may be repeated on each page that contains table data.”

<th>, on the other hand, is used to style a specific cell as a header cell rather than an ordinary data cell.

Related Posts:

  1. Setting table column width
  2. Setting table column width
  3. Center-align a HTML table
  4. Add border-bottom to table row
  5. Set cellpadding and cellspacing in CSS?
  6. Removing border from table cells
  7. How to make HTML table cell editable?
  8. Make a div fill the height of the remaining screen space
  9. Why is colspan not applied as expected
  10. Padding a table row
  11. Table scroll with HTML and CSS
  12. Set cellpadding and cellspacing in CSS?
  13. Table fixed header and scrollable body
  14. Form inside a table
  15. Colspan all columns
  16. Alternate table row color using CSS?
  17. CSS table td width – fixed, not flexible
  18. Limit width of HTML table
  19. td widths, not working?
  20. How to make a monopoly board using css grid?
  21. Redirect from an HTML page
  22. How to horizontally center an element
  23. How to create an HTML button that acts like a link
  24. What is the main difference of
    and
  25. Why does z-index not work?
  26. Is it possible to write data to file using only JavaScript?
  27. Image is not showing in browser?
  28. Is it possible to write data to file using only JavaScript?
  29. Adding attribute in jQuery
  30. Is element block level or inline level?
  31. XPath //div[contains(text(), ‘string’)] fails to select divs containing ‘string’
  32. Two divs side by side – Fluid display
  33. Proper way to make HTML nested list?
  34. Remove border from IFrame
  35. CSS horizontal scroll
  36. mailto using javascript
  37. Mailto using Javascript?
  38. Can I set subject/content of email using mailto:?
  39. How do I set a background-color for the width of text, not the width of the entire element, using CSS?
  40. What does the shrink-to-fit viewport meta attribute do?
  41. What formats can be displayed with type=”application/x-shockwave-flash”
  42. Placing border inside of div and not on its edge
  43. How to apply CSS to iframe?
  44. HTML5 required attribute seems not working
  45. CSS centred header image
  46. Relative path in HTML
  47. How to play a mp3 using Javascript? [duplicate]
  48. How to outline text in HTML / CSS
  49. Play videos with iframe in html
  50. How to call a REST web service API from JavaScript?
  51. HTML iframe – disable scroll
  52. How to center content in a Bootstrap column?
  53. HTML5 Validation Error: body start tag seen but an element of the same type was already open
  54. Basic CSS – how to overlay a DIV with semi-transparent DIV on top
  55. difference between width auto and width 100 percent
  56. Is there a command for formatting HTML in the Atom editor?
  57. How to show text on image when hovering?
  58. Is it still valid to use IE=edge,chrome=1?
  59. How to increase height of textarea using bootstrap rows and columns
  60. Indent List in HTML and CSS
  61. What’s the difference between using NAV and DIV around Bootstrap 3 navbars?
  62. Absolute position is not working
  63. Position absolute but relative to parent
  64. How do you specify table padding in CSS? ( table, not cell padding )
  65. Two Divs next to each other, that then stack with responsive change
  66. link not working
  67. Generating a Random Number for HTML
  68. HTML Links are not working
  69. How to extract svg as file from web page
  70. Making an image act like a button
  71. HTML5 Canvas Rotate Image
  72. How can I align text directly beneath an image?
  73. HTML vs SHTML vs PHTML
  74. Change background color of iframe issue
  75. jQuery find element by data attribute value
  76. Keep HTML format when switching from Visual to HTML editor
  77. Get entire page content (generated HTML in browser)
  78. Can I force WordPress to use instead of ?
  79. Add HTML to single post tag
  80. WordPress “Page not found error” when I edit a page
  81. How do I put a wordpress blog into my html site?
  82. how add custom tag/tool in classic editor?
  83. Attribute Quote Style in WordPress HTML
  84. Create custom markup to use in posts?
  85. Adding HTML to posts with certain tags?
  86. Adding to the WYSIWYG
  87. How to remove auto generated markup? [closed]
  88. Is there a common structure for a wordpress formular?
  89. a generated wordpress page from a form that is inputted by user [closed]
  90. creates an unnecessary space in content?
  91. Echo outside HTML
  92. Add html plugin into wordpress
  93. WBR tag breaking hyperlinks
  94. allow html characters on eshop data entry boxes
  95. Query WordPress Database and Post HTML Table
  96. theme or plugin or server is outputting html before the init hook fires, how is it possible to prevent this
  97. How to Know If I’ve Correctly Inserted Alt Attributes Into HTML
  98. WordPress HTML editor panel is not showing HTML elements
  99. How to play a video after the end of another one via link?
  100. Moving from Microsoft Front Page 2003 to WordPress

Leave a Comment