CodeAcademy工作区如何获取HTML文件路径实现页面跳转

• 核心原则：云工作区环境不存在你本地电脑的Windows磁盘路径（比如C:/user这类），所有页面跳转统一用相对路径，不要写本地绝对路径。
• 先对齐文件结构认知：你在CodeAcademy工作区左侧文件栏看到的目录结构，就是你项目运行时的真实目录结构，路径完全按照这个层级写：
  • 跳转目标和当前HTML文件在同一级目录：直接写目标文件名即可，示例代码：

    <!-- 当前文件是index.html，同目录下有resume.html，点击按钮跳转 -->
    <a href="resume.html">
      <button>查看我的简历</button>
    </a>
    

  • 跳转目标在当前文件的下级子文件夹：先写子文件夹名，再加斜杠和目标文件名，比如目标是posts文件夹下的first-post.html，路径写posts/first-post.html
  • 跳转目标在当前文件的上级目录：每往上一级就加一个../前缀，比如当前文件在posts/first-post.html，要跳回根目录的index.html，路径写../index.html
• 快速获取正确路径的方法：在左侧工作区文件栏右键点击目标HTML文件，选择复制相对路径（如果复制出来的是带工作区系统前缀的全路径，删掉当前文件所在层级之前的前缀部分即可）。
• 避坑提示：

  工作区运行环境是类Linux系统，对文件名大小写敏感，写路径时文件名、文件夹名的大小写要和实际文件完全一致，否则会跳转失败。
  不要使用file://开头的本地文件协议路径，这类路径指向你本地磁盘，在云工作区没有对应文件，必然失效。

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