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出现的情况是一样的