首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用垂直标题编写HTML表格的最常见方法?

使用垂直标题编写HTML表格的最常见方法?
EN

Stack Overflow用户
提问于 2018-04-03 06:15:01
回答 2查看 0关注 0票数 0

我已经问过一段时间了,这件事一直困扰着我一段时间,这个问题本身就是标题:

编写具有垂直标题的HTML表格的最佳方式是什么?

通过垂直标题,我的意思是表格<th>左边的标题()标记(通常)

Header 1data data data

Header 2data data data

Header 3data data data

他们看起来像这样,到目前为止我已经提出了两个选择

第一选择

代码语言:javascript
复制
   

这种方式的主要优点是你的头部右边(实际上是左边),它代表的数据旁边,然而我不喜欢的是<thead><tbody><tfoot>标签丢失,并且没有办法在没有破坏的情况下包含它们很好地放置在一起的元素,这导致我到第二个选项。

第二选项

代码语言:javascript
复制
   

这里的主要优点是你有一个完全描述性的html表格,缺点是正确的表示需要一些CSS tbodythead标签,并且标题和数据之间的关系不是很清楚,因为我在创建时标记。

所以,这两种方式都使得桌子应该如何,在这里有一个秘密:

给予
给予
EN

回答 2

Stack Overflow用户

发布于 2018-04-03 15:07:20

首先,第二个选项不是完全有效的HTML,因为表中的所有行(TR)都应包含相同数量的列(TD)。头部有1,而主体有3个。应该使用colspan属性来解决这个问题。

“THEAD,TFOOT和TBODY部分必须包含相同数量的列。”

第一种选择在我看来是更好的方法,因为无论是否启用了CSS,它都是可读的。某些浏览器(或搜索引擎抓取工具)不会执行CSS,因此它会使数据变得毫无意义,因为头将代表行而不是行。

票数 0
EN

Stack Overflow用户

发布于 2018-04-03 15:34:28

第一种选择,我认为这是更好和简单的方法..

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100007942

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档