You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

页脚Href链接失效排查求助:简化代码后问题仍存在

解决页脚链接失效的问题

我仔细看了你提供的代码片段,发现两个容易被忽略的细节,正是它们导致了链接无法正常工作:

  • 中文引号导致属性解析失败:你代码里href属性使用的是中文双引号「“」和「”」,这不属于HTML标准的引号字符,浏览器无法正确识别href的属性值,自然无法定位到正确的URL。请把所有引号替换成英文的双引号""或者单引号''。
  • Twitter链接末尾存在多余空格:你的Twitter URL末尾多了一个空格(https://www.twitter.com/MalorieCasimir/ ),这个空格会被浏览器当作URL的一部分,导致跳转的地址是错误的带空格链接,直接删除这个空格即可。

修正后的代码

<footer>
  <ul id="footer">
    <li>
      <a href="https://www.twitter.com/MalorieCasimir/" title="Twitter" class="footer" target="_blank">Malorie's Twitter</a>
    </li>
    <li>
      <a href="https://www.facebook.com/malorielovestosing/" title="Facebook" class="footer" target="_blank">Malorie's Facebook</a>
    </li>
  </ul>
</footer>

你可以试试上面的代码,应该就能正常跳转了。如果还有问题,再检查下是否有其他隐形字符或者拼写错误哦~

内容的提问来源于stack exchange,提问作者Malorie

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 09:58:05