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

时间:2014-10-09 14:02:41

标签: html html-table

如何设置表格位置的超链接?像这样:

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

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

4 个答案:

答案 0 :(得分:2)

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

中添加ID即可

<强> jsFiddle example

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

答案 1 :(得分:1)

只需在tr中添加ID。

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

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

答案 2 :(得分:0)

在行中添加命名锚点:

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

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

答案 3 :(得分:0)

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

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

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

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

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