th(th)和td html表格标签?(td html table tags?)的区别

长期以来,表格在网页设计中一直受到不好的评价。许多年前,HTML表格用于布局,这显然不是它们的目的。随着CSS在网站布局中的广泛使用,“表格是坏的”这一概念开始流行起来。不幸的是,许多人误解这意味着HTML表总是不好的。事实并非如此。事实上,HTML表格用于显示表格数据(电子表格、日历等)的真正目的之外的其他用途时是不好的。如果您正在构建一个网站,并且有一个包含这种表格数据的页面,那么您应该毫不犹...

长期以来,表格在网页设计中一直受到不好的评价。许多年前,HTML表格用于布局,这显然不是它们的目的。随着CSS在网站布局中的广泛使用,“表格是坏的”这一概念开始流行起来。不幸的是,许多人误解这意味着HTML表总是不好的。事实并非如此。事实上,HTML表格用于显示表格数据(电子表格、日历等)的真正目的之外的其他用途时是不好的。如果您正在构建一个网站,并且有一个包含这种表格数据的页面,那么您应该毫不犹豫地在页面上使用HTML表格。

Roman columns

你做什么<td>及<th>做

标记或“table data”标记在HTML表格的表格行内创建表格单元格。这是包含任何文本和图像的HTML标记。基本上,这是表的主要标记。这些标记将包含HTML表的内容。

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

大多数web浏览器将字体大小更改为粗体,并将内容放在单元格的中心。当然,您可以使用CSS样式使这些表格标题以及标记的内容在呈现的网页上以您希望的任何方式显示。

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

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

不要使用<th>来设计你的细胞。由于浏览器倾向于以不同的方式显示表头单元格,一些懒惰的web设计师可能会尝试利用这一点,并在希望内容粗体且居中时使用标记。这是不好的,原因有几个:

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

  • 发表于 2021-09-04 21:28
  • 阅读 ( 209 )
  • 分类:IT

你可能感兴趣的文章

html格式(html)和新加坡元(sgml)的区别

...用来改变网页的结构。添加段落、更改标题、添加列表和表格是可以使用HTML执行的一些任务。HTML有几种版本。最新版本是HTML5。它有许多附加功能来构建有效的web应用程序。HTML是创建网页和web应用程序的标准标记语言。SGML是为...

  • 发布于 2020-10-19 05:26
  • 阅读 ( 252 )

html格式(html)和xhtml(xhtml)的区别

...是XHTML 4. HTML和XHTML的相似性 5. 并列比较——HTML与XHTML的表格形式 6.摘要 什么是html格式(html)? HTML代表超文本标记语言。它是网络的基础语言。HTML的主要目标是创建网页的结构。它基于SGML。HTML有不同的版本,如HTML1、2等。最新...

  • 发布于 2020-10-19 05:37
  • 阅读 ( 220 )

块(block)和内联元素(inline elements)的区别

...么是内联元素 4.块和内联元素之间的相似性 5. 并排比较-表格形式的块与内联元素 6. 摘要 什么是块元素(block elements)? 块元素采用可用的全宽。这些元素总是以新行开始。块元素的一些示例如下。用于定义段落。e、 这是一个段...

  • 发布于 2020-10-19 13:55
  • 阅读 ( 229 )

涂鸦(graffiti)和标记(tagging)的区别

涂鸦与标记 涂鸦和贴标签是两种看似相似的街头艺术形式,但它们之间有一些区别,不应将它们混为一谈。街头艺术作为一种独特的流派,在当今世界正得到认可。涂鸦和标签是两种在大多数国家的城市中非常流行的形式。...

  • 发布于 2020-10-20 13:52
  • 阅读 ( 413 )

html5(html5)和闪光(flash)的区别

html5与flash HTML5和Flash的区别可以从性能、浏览器支持、所有权等不同方面进行讨论。HTML代表超文本标记语言(hypertext Markup Language),它是为开发网站而设计的。Flash或adobeflash是一种多媒体软件平台,是一种丰富的互联网应用...

  • 发布于 2020-10-29 05:16
  • 阅读 ( 205 )

迪夫(div)和跨度(span)的区别

...是div 3. 什么是跨度 4. div和span的相似性 5. 并排比较——表格形式的div与span 6. 摘要 什么是迪夫(div)? 所有html文档都以文档类型声明开头。今天最常见的HTML版本是HTML5。因此,类型声明是。所有的html标记都应该包含在和标记中。...

  • 发布于 2020-11-09 08:37
  • 阅读 ( 339 )

javascript程序员jquery基本指南

... 除了温习JavaScript技巧之外,如果您对HTML和CSS教程也不熟悉,您可能还需要先阅读它们。 ...

  • 发布于 2021-03-16 15:42
  • 阅读 ( 207 )

17个简单的html代码示例,你可以在10分钟内学会

... 虽然不赞成使用表格进行格式化,但很多时候您会希望使用行和列来分割页面上的信息。要使一个表正常工作,需要几个标签。下面是示例HTML代码: ...

  • 发布于 2021-03-18 02:34
  • 阅读 ( 378 )

基本的html常见问题,你应该书签

... 如何用html**表格 ...

  • 发布于 2021-03-25 17:43
  • 阅读 ( 236 )

标签(tag)和html中的属性(attribute in html)的区别

...结构。程序员不能直接在网站上写这些元素。他必须使用标签将特定元素写入网页。大多数元素都有开始标记和结束标记。换言之,元素包含在start和end标记中。此外,诸如换行符和水平线之类的元素没有闭合标记。下面是几个...

  • 发布于 2021-07-02 01:17
  • 阅读 ( 525 )
bvzb9675
bvzb9675

0 篇文章

相关推荐