HTML <a> 标签不起作用？是不是有替代编码标签？
Posted
技术标签:
【中文标题】HTML <a> 标签不起作用？是不是有替代编码标签？【英文标题】：HTML <a> tag won't work? Is there an alternative coding tag?HTML <a> 标签不起作用？是否有替代编码标签？ 【发布时间】：2020-08-05 19:03:15 【问题描述】：我正在使用 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>
【问题讨论】：
问题不在于 a 标签，而在于 href 属性。确保这些文件与上述代码所在的文件位于同一目录中。 您是要链接到另一个 page 还是链接到 download？ 另外，不要创建笔，而是创建project。这样你就可以拥有多个 html 文件 @rhavelka，第一个问题是的。我的教授希望我们将所有文件链接到一个网页上。 @SalimIbrogimov，它们都在我电脑上的同一个文件中。是这个意思吗？ 【参考方案1】：如果您不预先添加协议，例如 http://、file:/// 等，您的浏览器会将这些链接读取为相对（而不是绝对） - 请参阅 https://www.webstix.com/knowledgebase/general/relative-links-vs-absolute-links。
因此，如果您在站点 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 并在其中编辑您的网站。它为您提供了一个非常棒的“预览”功能，因此您可以实时查看您的编辑。
【讨论】：
谢谢你，泰勒！我会试试的。 嘿@Taylor，链接结构<a href="file://... 肯定不会在这里工作 - 因为教授计算机上肯定不存在该本地文件 - 好的
如果它在“E:”驱动器上，它可能——许多大学为他们的用户映射共享驱动器。不过，要点 - 我会更新我的答案，注意理想情况下将使用相对链接。
我还要补充一点，如果您在浏览器中提供站点，您可以更轻松地看到浏览器如何路由连接的文件。使用 python 3，您可以在与 index.html 相同的文件夹中运行 python -m http.server，然后在 localhost:8000 上查看该站点以上是关于HTML <a> 标签不起作用？是不是有替代编码标签？的主要内容，如果未能解决你的问题，请参考以下文章