如何设置表格位置的超链接？

Question

如何设置表格位置的超链接？像这样：

<a href="#pos1">Click to scroll</a>

<table>
  <tbody>
    <tr name="pos1">
    ...
    </tr>
    ...
  </tbody>
</table>

Answer 1

只需在表格行<tr name="pos1" id="pos1">

中添加ID即可

<强> jsFiddle example

参考：http://www.w3.org/TR/html401/struct/links.html#anchors-with-id

Answer 2

只需在tr中添加ID。

<a href="#pos1">Click to scroll</a>

<table>
  <tbody>
    <tr id="pos1">
    ...
    </tr>
    ...
  </tbody>
</table>

Answer 3

在行中添加命名锚点：

<a href="#pos1">Click to scroll</a>

<table>
  <tbody>
    <tr>
        <td><a name="pos1"></a>...</td>
        ...
    </tr>
    ...
  </tbody>
</table>

Answer 4

像这样向id添加<tr>元素：

<a href="#pos1">Click to scroll</a>

<table>
  <tbody>
    <tr id="pos1" name="pos1">
    ...
    </tr>
    ...
  </tbody>
</table>

单击锚点后，会将浏览器屏幕转到元素的引用ID。

意味着如果锚点对pos1具有href的{​​{1}}属性，它将搜索具有的元素，并将屏幕转到该元素！