HTML页面跳转链接设置求助：首页链接跳转至About、Contact页面

基础场景：文件在同一目录下 #

如果你的home.html、about.html、contact.html三个文件放在同一个文件夹里，直接在home.html的<a>标签中填写目标文件名即可：

<!-- 跳转到关于页面 -->
<a href="about.html">关于我们</a>

<!-- 跳转到联系页面 -->
<a href="contact.html">联系我们</a>

非同一目录的处理 #

如果文件不在同一个文件夹，需要补充完整的相对路径：

• 若about.html在名为pages的子文件夹中：

  <a href="pages/about.html">关于我们</a>
  

• 若home.html在子文件夹，about.html在上级目录：

  <a href="../about.html">关于我们</a>
  

验证注意事项 #

• 保存修改后的home.html，用浏览器打开并点击链接，检查跳转是否正常
• 确认文件名和路径完全匹配（部分操作系统对文件名大小写敏感，比如Linux/macOS）

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