TH和TD HTML表格标签有什么区别?

表格在网页设计中长期以来都是一个糟糕的说唱。 很多年前,HTML表格被用于布局,这显然不是他们想要的。 随着CSS上升到网站布局的流行用法,“桌子不好”的想法成为现实。 不幸的是,很多人误解这意味着HTML表总是不好的。 事实并非如此。 实际情况是,当HTML表格用于除真正用途以外的其他用途时,HTML表格是不好的,它会显示表格数据(电子表格,日历等)。 如果你正在建立一个网站并且有一个包含这种表格数据的页面,你应该毫不犹豫地在你的页面上使用一个HTML表格。

如果你在布局的HTML表格不受欢迎之后的几年中开始构建网站,那么实际上你可能不熟悉构成HTML表格的元素。 许多人在开始查看表格标记时遇到的一个问题是:

“和 HTML表格标签有什么区别?”

什么是标签?

标记或“表格数据”标记可在HTML表格的表格行内创建表格单元格。 这是包含任何文本和图像的HTML标签。 基本上,这是你桌子的工作室标签。 标签将包含HTML表格的内容。

什么是标签

在许多方面,标签或“表头”类似于。 它可以包含相同类型的信息(尽管您不会将图像放在中),但它将特定的单元格定义为表格标题。

大多数Web浏览器将字体重量更改为粗体并将内容置于单元格中。 当然,您可以使用CSS样式来制作这些表格标题以及标签的内容,并以任何方式查看您希望它们在呈现的网页上查看的方式。

何时应该使用< th> 而不是< td>?

当您希望将单元格中的内容指定为该列或行的标题时,应使用标记。 表格标题单元格通常位于表格的顶部或侧面 - 基本上,列标题位于最左边或行的开头。 这些标题用于定义下面或旁边的内容,使表格及其内容更容易查看和处理。

不要使用 来设置单元格的样式。 因为浏览器倾向于以不同的方式显示表格标题单元格,所以一些懒惰的网页设计师可能会尝试利用这一点,并在他们希望内容以粗体居中时使用标记。 这有几个原因是不好的:

  1. 你不能依赖网页浏览器将总是以这种方式显示内容。 未来的浏览器可能会默认更改颜色,或者根本不会对内容进行任何可见的更改。 你不应该完全依赖默认的浏览器样式,也不应该使用HTML元素,因为它默认情况下看起来是这样的
  2. 它的语义不正确。 读取文本的用户代理可能会添加可听格式,例如“行标题:您的文本”以表明它位于单元格中。 此外,一些Web应用程序在每个页面顶部打印表头,如果单元格实际上不是头部,而是仅用于文体原因,则会导致问题。 底线,以这种方式使用标签可能会导致许多用户的可访问性问题,尤其是那些使用辅助设备访问您网站内容的用户。
  3. 您应该使用CSS来定义单元格的外观。样式(CSS)和结构(HTML)的分离已成为多年网页设计的最佳实践。 再次使用a,因为该单元格的内容是标题,而不是因为您喜欢浏览器默认呈现该内容的方式。