问题描述

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

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

 <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出现定位不准确的情况？

解决方案

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

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

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

解决方案二：
应为内容已经全部显示出来了，所以anchor是不会显示在页面最开始的，你增加内容快3和4的高度为你整个显示屏的高度anchor才会显示在最上面。

或者你缩小浏览器窗口后再是测试，浏览器显示高度为你的标题3和标题4内容块高度的最小值。