带有图例的HTML <table> </table>

Question

我目前有一个表格结构可以满足我的需求。 我有类似以下的内容

Field1   Field3  Field5
Field2   Field4  Field6

请注意，Field1，Field2位于<td>，Field3，Field4位于<td>，Field5，Field6位于<td>。

我喜欢在Field1，Field2周围放一个<legend>，但我有一个问题，因为传说不能进入<tr>。然后我如何添加图例。我想到的一个替代方案就是像我现在所做的那样废弃<table>并使用<div>。请告诉我这是否是正确的解决方法，或者是否有办法按我需要的方式添加<legend>。

Answer 1

根据您的描述，您需要表格单元格内的两个字段的图例。这很简单：

<td>
    <fieldset>
        <legend>Your legend here</legend>
        Field1
        Field2
    </fieldset>
</td>

这是否解决了你想问的问题是另一回事。问题非常抽象，并没有暗示你真正在做什么，或者真正的问题是什么。

Answer 2

我认为你真正想要的是caption，而不是legend。

它履行与标题大致相同的角色，但适用于table元素。

如果您只是使用表格进行布局而不是表格数据那么您应该重新考虑。