如何用HTML、CSS或JS修改站点路径？a标签跳转无效求助

• 核对文件路径
  先确认about.html和当前页面的位置关系：

  • 同文件夹下，href="about.html"写法正确；
  • 若about.html在子文件夹（比如pages目录），要写成href="pages/about.html"；
  • 若从子页面跳回根目录的about.html，需用根路径写法href="/about.html"（斜杠开头代表站点根目录）。
    可以直接在浏览器地址栏输入about.html的完整相对路径，能打开就说明路径没问题。

• 排查图片标签的影响
  先把代码换成纯文字跳转测试：

  <a href="about.html">跳转到关于页</a>
  

  如果文字能正常跳转，说明原代码里的<img src="x">路径无效，图片加载失败导致点击区域失效。换成有效的图片路径，或者确保图片存在即可。

• 检查是否有JS阻止跳转
  查看页面内的JavaScript代码，有没有给<a>或<img>绑定点击事件并调用了preventDefault()，这会阻止默认的跳转行为。可以暂时移除JS代码测试，或者打开浏览器控制台（F12）查看是否有相关报错。

• 强制刷新浏览器缓存
  有时候浏览器缓存会导致页面未更新，按Ctrl+F5强制刷新后再测试跳转功能。

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