我已经问过一段时间了,这件事一直困扰着我一段时间,这个问题本身就是标题:
编写具有垂直标题的HTML表格的最佳方式是什么?
通过垂直标题,我的意思是表格<th>
左边的标题()标记(通常)
Header 1data data data
Header 2data data data
Header 3data data data
他们看起来像这样,到目前为止我已经提出了两个选择
这种方式的主要优点是你的头部右边(实际上是左边),它代表的数据旁边,然而我不喜欢的是<thead>
,<tbody>
和<tfoot>
标签丢失,并且没有办法在没有破坏的情况下包含它们很好地放置在一起的元素,这导致我到第二个选项。
这里的主要优点是你有一个完全描述性的html表格,缺点是正确的表示需要一些CSS tbody
和thead
标签,并且标题和数据之间的关系不是很清楚,因为我在创建时标记。
所以,这两种方式都使得桌子应该如何,在这里有一个秘密:
发布于 2018-04-03 15:07:20
首先,第二个选项不是完全有效的HTML,因为表中的所有行(TR)都应包含相同数量的列(TD)。头部有1,而主体有3个。应该使用colspan属性来解决这个问题。
“THEAD,TFOOT和TBODY部分必须包含相同数量的列。”
第一种选择在我看来是更好的方法,因为无论是否启用了CSS,它都是可读的。某些浏览器(或搜索引擎抓取工具)不会执行CSS,因此它会使数据变得毫无意义,因为头将代表行而不是行。
发布于 2018-04-03 15:34:28
第一种选择,我认为这是更好和简单的方法..
https://stackoverflow.com/questions/-100007942
复制相似问题