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

感情迁移 提交于 2019-12-04 15:38:41

问题


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.


回答1:


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




回答2:


Yes .You can use the H1 , H2,.. H6 Tags inside the Table TH tags. These will do the same functionality in the table TH tag too. The text size of the table contents can be changes accordingly you needs.

Just see this link for the reference.




回答3:


Yes, but TH means table header, I think header in table header is not good for semantic. Maybe it good for SEO.




回答4:


In terms of valid HTML? Yes.

In terms of it being a good idea? Yes - these are heading areas and such are good candidates for a H tag.

There is a school of thought that you shouldn't use one tag merely to enclose another, so you could argue the heading text should sit directly in the th. However from an SEO perspective it is the H tag that is more important, so you frequently see this sort of thing:

<th><h3>Some heading</h3></th>


来源:https://stackoverflow.com/questions/11859671/h1-h2-h3-h4-h5-h6-inside-table-th-tags-html

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!