1

我正在使用 CodePen 创建我的 CIS 101 最终类，但由于某种原因，我的 HTML 链接无法加载。它不断给我这个：/boom/v2/WEBLAB5_HOUSER.html。网站上的作业链接工作得很好，所以我想知道它是否是我正在使用的标签？

编解码器： https ://codepen.io/0n_uh/pen/VweJjBx ?editors=1100

HTML 文件：file:///E:/​​CIS%20-%20101/LABS/WEB%20LAB%20-%2006/WEBLABFINAL_HOUSER/WEBLAB5_HOUSER/WEBLAB5_HOUSER.html

代码：

<html>
  <a href="WEBLAB1_HOUSER.HTML">*Web Lab 1</a>
  <a href="WEBLAB2_HOUSER.html">*Web Lab 2</a>
  <a href="WEBLAB3_HOUSER.html">*Web Lab 3</a>
  <a href="WEBLAB4_HOUSER.html">*Web Lab 4</a>
  <a href="WEBLAB5_HOUSER.html">*Web Lab 5</a>
  <a href="WEBLAB6_HOUSER.html">*Web Lab 6</a>
4

1 回答 1

2

当您不使用诸如http://,file:///等协议之前，您的浏览器会将这些链接读取为相对（而不是绝对） - 请参阅https://www.webstix.com/knowledgebase/general/relative-links-vs -绝对链接。

因此，如果您在站点https://codepen.io/0n_uh/pen/VweJjBx?editors=1100并且链接到WEBLAB1_HOUSER.HTML，您的浏览器将尝试打开https://codepen.io/0n_uh/pen/ VweJjBx/WEBLAB1_HOUSER.HTML，大概不存在。

将您的href值更改为绝对路径，例如<a href="file:///E:/CIS%20-%20101/LABS/WEB%20LAB%20-%2006/WEBLABFINAL_HOUSER/WEBLAB5_HOUSER/WEBLAB5_HOUSER.html">，您的网络浏览器将打开该文件。

编辑：但请注意，理想情况下，您将使用相对链接并创建一个与您的 WEBLAB1_HOUSER.HTML 文件一起存在的 HTML 文件。这样，您就可以将您的主页与其他页面（WEBLAB1_HOUSER.HTML 等）放在一个 zip 文件中。

我强烈建议您下载 VSCode 并在其中编辑您的网站。它为您提供了一个非常好的“预览”功能，因此您可以实时查看您的编辑。

于 2020-08-05T19:10:03.240 回答