将HTML表格行划分为带标签的部分

将HTML表格行划分为带标签的部分,html,html-table,Html,Html Table,是否有一种有效的方法将表的行划分为多个部分,并使用标签标识该部分 例如,类似于下面的代码,但在每个TBODY的开头都有一个标题或标题(看起来标题/标题只允许出现在表的顶部) 工作日日期管理器 2000年11月9日星期一凯尔西 2000年12月9日星期二林赛 2000年9月13日星期三兰迪 2000年9月14日星期四Susan 2000年9月15日星期五兰迪 2000年9月16日星期六林赛 2000年9月17日星期日Susan 2000年9月18日星期一 2000年9月19日星期二克里斯蒂安 2

是否有一种有效的方法将表的行划分为多个部分,并使用标签标识该部分

例如,类似于下面的代码,但在每个TBODY的开头都有一个标题或标题(看起来标题/标题只允许出现在表的顶部)


工作日日期管理器
2000年11月9日星期一凯尔西
2000年12月9日星期二林赛
2000年9月13日星期三兰迪
2000年9月14日星期四Susan
2000年9月15日星期五兰迪
2000年9月16日星期六林赛
2000年9月17日星期日Susan
2000年9月18日星期一
2000年9月19日星期二克里斯蒂安
2000年9月20日星期三交响乐团
2000年9月21日星期四星花
2000年9月22日星期五Miko
二○○○年九月二十三日(星期六)
2000年9月24日星期日
2000年9月25日星期一舞蹈明星
2000年9月26日星期二黎明
2000年9月27日星期三Josh
2000年9月28日星期四
2000年9月29日星期五玫琳凯
2000年9月30日星期六哈莉
2000年1月10日星期日保罗

通常,人们使用一个额外的行,并使用
colspan
跨越所有列


在您的情况下:
..

我喜欢这样做的方式是使用跨越整行(
colspan
)的

并不是说只能有一个
节。你的代码没问题。还有一个例子:


水果
维生素A
维生素C
苹果
98用户界面
8.4毫克
橘子
295用户界面
69.7毫克
香蕉
76用户界面
10.3毫克

使用
colspan
,出于某种原因,如果您不确定需要合并多少列/span(动态生成的列),请使用:

<tr><td colspan = "100%">...</td></tr>
。。。

在回答亚历山大·苏拉菲尔(Alexander Suraphel)关于马丁答案的问题时,是的,OP想要一个识别标签。这里有一种方法,结合几个答案的某些方面来实现这一点。(请注意,我提供了自己的标签,因为OP没有指定他们会使用什么标签。)

td{
左边框:0;
边界顶部:0;
边界底部:0;
右边界:0;
}
桌子{
边界:无;
边界塌陷:塌陷;
}
.grouplabel{
背景:蓝色;
颜色:黄色;
边框:1px纯蓝色;
边界半径:5px;
}

水果
维生素A
维生素C
地方的
苹果
98用户界面
8.4毫克
进口
橘子
295用户界面
69.7毫克
香蕉
76用户界面
10.3毫克

这是一个比当前标记为答案的答案更好的答案——无论答案是否跨越多个列……不止一个
——从未考虑过这一点。非常感谢。这肯定是有标记的答案。OP说“带有标识该部分的标签”。我修改了你的代码,没有视觉上的迹象表明最后两行属于同一行。我遗漏了什么吗?@AlexanderSuraphel您可以使用CSS设置
tbody
元素的样式,或者您也可以在每个
tbody
的开头添加
th
元素,并适当设置样式。关于标签,可访问性如何?
<tr><td colspan = "100%">...</td></tr>