页脚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
相关产品推荐
相关产品推荐

