2014-02-18 63 views
4

我在<table>为什么要用个标签,而不是TD标签

使用的HTML THTD代码之间的差异读了根据http://webdesign.about.com/od/tables/f/blfaqthvstd.htm中,TH标签defines the current cell as a table header.

它然后继续要说某些浏览器会以不同的方式呈现TH标签(由浏览器定义),但文章建议不要自己设计TH(通过CSS我认为)。

我完全被这个困惑;这是建议使用TH标签给我们没有设计控制,并没有价值/重要性...

我知道一些标签是旧的,有些会变得过时,但我发现没有提到TH标签折旧也不能我看到它的任何价值。

有人会告诉我,如果我错过了理解请。 Google是否以不同的方式读取TH(我的研究再次没有显示),TH标签是否帮助浏览器渲染表格,还是只是我们想要的选项?

+0

除了''被粗体渲染,大多数人都会改变,我会说这只是一个强迫症的事情。 – J2D8T

回答

8

1)为什么要用个标签,而不是TD标签

语义,不管你使用td代替th,那么,它将让您的工作做愉快它不会让你任何区别,但是,为了区分它们,我们使用th,thead,tfoot等,就像我们可以使用div来包装文本,但使用p会更有意义吗?

此外,搜索引擎明白,什么是您的文件包含,比方说,你用em所以无论你的风格你em文本,搜索引擎将得到哎,在em这个词强调的线索,所以它在文档中是重要的,可能是一个关键字。

这就像你在说医生,我的身体在疼痛,但如果你描述你疼痛的哪一部分,将使医生很容易判断和解决问题。

因此,同样的逻辑,如果你定义使用thtable的头宁愿而是采用td更有意义,将帮助搜索引擎知道以更好的方式您的内容,屏幕阅读器读出数据不同,浏览器更合适地显示它。


2)它,然后继续说,有些浏览器将呈现TH标签不同

是,浏览器呈现th标签的文字大胆


3)文章然后建议不要自己设计TH的样式

好吧,我不会同意这一点在所有的,你可以风格的th标签


4)我发现没有提到的是,TH标签贬值和我可以看到它的任何值。

不,他们没有过时/弃用[1]

[1]。尽管如此,对于标记click here已弃用一些属性以获取更多信息。

+1

您对语义的解释只是非常好,非常清晰,易于理解。谢谢。 – MyDaftQuestions

+0

是否有任何证据表明某些搜索引擎会在'th'和'td'之间做出区分,例如? –

1

TH属性根据W3C,可以指定头部单元的影响所通过的范围属性的单元格。

此属性对SEO也很重要。它有助于优先考虑HTML页面的元素。

如果你不想在你的网页上优化SEO:不要使用它。

如果你想正确编码尊重惯例:使用它。

但我真的不明白你的推理。这就像是说:

为什么STRONG标签?已有SPAN标签,我们可以在CCS中使用“font-weight:bold”对其进行设计!

但这没有意义,因为约定(如W3C)建立的议会更加准确地描述了所有可能的页面元素。 因此新的HTML5标记与优势的方向,如ADRESSSECTIONARTICLEASIDENAV,...

2

您已经部分误解引用的文件。尤其是,它并不是说你不应该风格th;相反,你不应该仅仅使用th来“造型”,即将它用于不是表格标题的东西,只是为了使它看起来粗体和居中。 (这个警告并不特别相关;我从未见过人们这样做过。)

根据定义,th包含单元格的标题信息。这非常含糊,但在很多简单的情况下,它非常明显而且简单 - 通常这样表格的第一行包含列的标题,如数量名称。

实际的影响是,如果特别的浏览器和辅助软件知道数据单元和标题单元之间的关联,那么可以以更好的方式向用户呈现表格。例如,当用户正在调查某个特定单元时,它们可以代替“32°C”等内容,而是指示相关标题的名称,例如“Max。温度“来自列标题单元并且”开罗“来自行标题单元。

浏览器呈现th元素内容为粗体,默认为水平居中;这种做法正在HTML5中标准化。但这只是要考虑到的;如果需要,您可以在CSS中覆盖它。特别是粗体对标题单元格非常有用,使它更易于注意并将它们识别为标题。

也有不同的细微差别,例如不同的允许属性集合(在HTML5中)。

相关问题