如何设置a标签的href属性，使其跳转至当前页面路径下的newpage子页面

错误原因 #

href="/newpage"属于根相对路径，开头的/会让浏览器直接将路径拼接在站点根域名后，最终跳转地址为根目录下的www.example.com/newpage，不符合预期。

正确写法 #

直接使用不带开头斜杠的相对路径即可，相对路径会自动基于当前页面的访问路径做拼接：

<a href="newpage">跳转至子页面</a>

当你当前访问的页面路径是www.example.com/currentpage时，上述代码的跳转地址会自动解析为目标路径www.example.com/currentpage/newpage。

补充说明 #

• 也可以显式添加当前目录标识./，写法为<a href="./newpage">，和上面的写法解析效果完全一致，兼容性更好。
• 如果当前页面URL末尾带有文件名后缀（比如www.example.com/currentpage/index.html），上述两种写法也会正常解析到www.example.com/currentpage/newpage，无需额外调整。

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