Why does the text in thead and tfoot tags appear on the same line above the table?

Question

I was working on my code that has a table in it. When I finished it I decided to use some more tags and added the caption. Then I remembered about thead and tfoot tags and used them as well. I wrote some text insider. All the text from both tags appeared above my table on the same line. After that I added tr, th and td tags in between thead and tfoot tags. That fixed the problem in my code but I'm still wondering why it happened.

Answer 1

Well, that's because thead and tfood are NOT suppose to have data in them. Just use regular td tags for that purpose. Those tags are used as containers to group and organize table content.

Semantically, they help search engines to identify content. Also browsers can use these elements to enable independent scrolling of the table body. So consider using tbody as well. When printing a large table that spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of each page. So that way it doesn't look ambiguous.

Answer 2

I have hommwork about Html can help me