HTML同文件夹文件引用问题：页面跳转404如何解决？

核心问题及修复步骤： #

1. 错误的路径格式
   你给Login按钮设置的href="/contact.html"是根目录绝对路径，而两个文件在同一文件夹下，应该使用相对路径——去掉路径开头的斜杠，改为contact.html（或./contact.html，明确指向当前目录）。

2. 文件名拼写不匹配
   你提到登录页原文拼写为conact，如果实际文件名是conact.html而非contact.html，必须把href改成对应的拼写，确保和文件名完全一致（注意：部分服务器/本地环境区分文件名大小写）。

修正后的导航栏代码： #

<div class="navbar">
    <ul>
        <li class="logo"><img src="images/awlogo.png" height="50px"></li>
        <li><a href="index.html">Home</a></li>
        <li><a href="#">Walkers</a></li>
        <li class="user"><a href="contact.html">Login</a></li>
        <!-- 若实际登录页文件名为conact.html，替换为：<li class="user"><a href="conact.html">Login</a></li> -->
        <li class="user"><a href="#">Sign up</a></li>
    </ul>
</div>

额外检查项： #

• 确认index.html和登录页文件确实在同一文件夹内，没有嵌套子目录
• 检查本地预览工具或服务器的路径规则，避免大小写差异导致的匹配失败

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