如何将Xampp的htdocs文件夹内的index.php链接到桌面home.html的导航栏

操作前提 #

PHP文件需要通过XAMPP的Apache服务才能正常解析运行，直接打开本地静态HTML文件跳转本地PHP磁盘路径的方式无法生效，需要先调整文件结构。

步骤1：调整文件存放位置 #

• 将桌面的home.html文件移动到XAMPP安装目录下的htdocs文件夹中，可与联系表单index.php同级存放，也可根据需求在htdocs内创建子文件夹分类存放
• 打开XAMPP控制面板，启动Apache服务，确认服务运行状态正常（无端口冲突时会显示绿色运行标识）

步骤2：修改导航栏跳转链接 #

找到home.html中导航栏对应“联系我们”的<a>标签代码，根据实际文件存放路径修改href属性：

• 若index.php和home.html在htdocs下同级存放，直接写相对web根目录的路径：

<a href="/index.php">联系我们</a>

• 若index.php存放在htdocs下的contact子文件夹中，写法如下：

<a href="/contact/index.php">联系我们</a>

注意不要填写本地磁盘绝对路径（例如C:\xampp\htdocs\index.php），这类路径无法被Web服务识别，也无法正常解析PHP代码

额外需求：如果需要点击后在新标签页打开联系表单，给<a>标签添加target="_blank"属性即可，示例：

<a href="/index.php" target="_blank">联系我们</a>

步骤3：测试功能 #

不要直接双击打开home.html文件，而是在浏览器地址栏输入http://localhost/home.html（如果home.html存放在子目录，对应补充路径即可，例如http://localhost/page/home.html）访问站点，点击“联系我们”按钮即可正常跳转。

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