H1, H2, H3, H4, H5, H6 inside table TH tags? - HTML

html html-table html-heading
Jo Smo picture Jo Smo · Aug 8, 2012 · Viewed 28.3k times · Source

Can i use H1, H2, H3, H4, H5, H6 inside the table TH tags? - HTML

I tryed to validate with the w3 validator, but it doesn't validate. I get this:

The element h4 must not appear as a descendant of the th element.
<th><h4>Orange</h4></th>

I use HTML5, so i think that the best idea is to use <div> to make a table and then put the <H4> tags in it. Or is this a bad idea too? Because then it looks something like this:

<h4>first title</h4> <h4>second title</h4> <h4>third title</h4> 
<p>first parahraph</p> <p>second parahraph</p> <p>third parahraph</p>

And i don't know how this looks, 3 heading tags that close, without any text or paragraphs between that.

Answer

James Allardice picture James Allardice · Aug 8, 2012

The HTML living standard explicity forbids this. The th element content model is as follows (emphasis added):

Flow content, but with no header, footer, sectioning content, or heading content descendants.

"Heading content" refers to the h1, h2 etc. elements, as well as the hgroup element:

Heading content defines the header of a section (whether explicitly marked up using sectioning content elements, or implied by the heading content itself).

h1 h2 h3 h4 h5 h6 hgroup

Related questions

Is it valid to put h3 (or any heading) inside td tags?

The question is asked for TH tags, but I couldn't find one for TD tags. Can I put headings inside <td> tags?

Read More
Set cellpadding and cellspacing in CSS?

In an HTML table, the cellpadding and cellspacing can be set like this: <table cellspacing="1" cellpadding="1"> How can the same be accomplished using CSS?

Read More
Make a div fill the height of the remaining screen space

I am working on a web application where I want the content to fill the height of the entire screen. The page has a header, which contains a logo, and account information. This could be an arbitrary height. I want …

Read More