导航栏链接问题求助:点击Privacy跳转至错误URL
导航栏链接跳转错误修复方案
问题出在href属性的路径写法上:你用的example.com/privacy是相对路径,浏览器会自动把它拼接在当前页面的域名之后,导致出现https://example.com/example.com/privacy的错误地址。
以下是两种可行的修复方案:
方案1:根相对路径(推荐)
用/开头的路径,直接指向网站根目录下的对应页面,适配所有页面层级:
<nav> <a href="/"> Fact Generator</a> <a href="/privacy">Privacy</a> <a href="#">Contact</a> </nav>
方案2:完整绝对路径
直接填写完整的URL地址,明确指定跳转目标:
<nav> <a href="https://example.com/"> Fact Generator</a> <a href="https://example.com/privacy">Privacy</a> <a href="#">Contact</a> </nav>
两种方案对比:根相对路径更灵活,后续若域名变更无需逐个修改链接;绝对路径指向明确,适合跨域名跳转场景。
内容的提问来源于stack exchange,提问作者cooperl
相关产品推荐
相关产品推荐

