HTML设置页面内部的特定目标的链接

Question

两个部分的代码如下 全文太长了 贴不出来 我把图贴在下面了

 <table>
    <tr>
        <td><a href="#caption1">标题1</a></td>
        <td><a href="#caption2">标题2</a></td>
        <td><a href="#caption3">标题3</a></td>
        <td><a href="#caption4">标题4</a></td>
    </tr>
</table>

 <p><a name="caption1">标题1</a></p>
 <p><a name="caption2">标题2</a></p>
 <p><a name="caption3">标题3</a></p>
 <p><a name="caption4">标题4</a></p>

标题x

这种标签是写在文章中的

代码都写好了 在浏览器里面测试的时候出现了问题
点1和2的时候都没问题 点3的时候出现定位不准确的问题 点4的时候和点3出现的情况是一样的 我都分别截图了下来 注意 URL部分


我是已经点过链接的 贴一张能用的

问题：为什么点3和4出现定位不准确的情况？

Answer 1

首先要理解描点的作用：描点是为了对于段落较长用来精确定位，比如小说，一个章节好几千字，网页一页显示不下来，这个是用描点就很好的来定位。

你这个问题在于你定位到caption3的时候已经可以将整个内容囊括完了，所以点击caption4，还是一样的现象。因为caption4已经在本页了，浏览器下面没有更多的东西，所以看起来点击caption3和caption4是一样的效果。

你可以这样设置，在caption4下面设置很多内容或者在caption3下面多加一些内容，让一页显示不下来，然后测试就可以定位到。