如何让Anchor标签跳转到另一个HTML页面的指定区域？

要实现跨页面跳转到指定区域，只需要在href里结合目标页面的路径和目标区域的id即可，具体操作如下：

1. 先给目标页面的指定区域设置唯一id属性
   比如目标页面target.html里的目标区域代码：

   <div id="section-about">关于我们板块</div>
   

2. 在源页面的a标签中，按「页面路径 + # + 目标id」的格式填写href
   根据目标页面的位置不同，写法分几种情况：

   • 目标页面和源页面在同一目录：

     <a href="target.html#section-about">跳转到目标页面的关于我们板块</a>
     

   • 目标页面在子目录（比如pages文件夹）：

     <a href="pages/target.html#section-about">跳转到目标页面的关于我们板块</a>
     

   • 目标页面在上级目录：

     <a href="../target.html#section-about">跳转到目标页面的关于我们板块</a>
     

   • 目标页面在网站根目录（绝对路径写法）：

     <a href="/target.html#section-about">跳转到目标页面的关于我们板块</a>
     

注意事项 #

• 目标区域的id必须是页面内唯一的，重复会导致跳转失效或跳错位置
• 页面路径要填写准确，否则会出现找不到页面的404错误

内容的提问来源于stack exchange，提问作者Jubin