Question

我有一个表格，每行都有一些解释（输入命令）。在另一个地方，我说从这个输入命令的状态，你去其他状态。我想要做的是将that input command链接到表的适当行。想象一下这样的事情：

...link to row number <a href="#row2">2</a>...

<table ...>
    <tr>
        <td>command</td>
        <td>description</td>
    <tr>
    <tr>
        <a name="row1"></a>
        <td>A</td>
        <td>input A</td>
    <tr>
    <tr>
        <a name="row2"></a>
        <td>B</td>
        <td>input B</td>
    <tr>
</table>

正如您所看到的，我尝试在<a name="row2"></a>块中放置一个<tr>，但这不起作用（它将我带到了表格的顶部）

我想做的是什么？

Answer 1

你做两件事之一：

1）设置<tr>的id属性。 <tr id="row2">...</tr>

OR

2）将<a>元素放在<td>元素中。如果您将任何元素放在<table>但不在<th>或<td>内，它将在整个表之前呈现（尝试使用任何元素，浏览器尽力纠正无效的HTML）

Answer 2

虽然对我来说不直观，但是我将<a name="row2"></a>放在第一个<td>块中并且它有效！

Answer 3

<tr>
    <td><a name="row2"></a></td>
    <td>B</td>
    <td>input B</td>
<tr>

Answer 4

你可以做一个“虚拟”锚行：

<table ...>
    <tr>
        <td>command</td>
        <td>description</td>
    <tr>
    <tr>
        <td colspan="2" style="height: 1px;"><a name="row1"></a></td>
    <tr>
    <tr>
        <td>A</td>
        <td>input A</td>
    <tr>
    <tr>
        <td colspan="2" style="height: 1px;"><a name="row2"></a></td>
    <tr>
    <tr>
        <td>B</td>
        <td>input B</td>
    <tr>
</table>

如果你的桌子上有样式（边框，背景等），这可能是可见的，但你总是可以将这些行设置为分隔符或伪装它们。

如何为html表行提供链接名称？

4 个答案: