html - 如何在 HTML 中制作工作路径？

Question

所以，目前我正在制作一个网站。这是一个任务。当我试图在不同的计算机上打开它时，它不起作用。

因此，例如：“a href="file:///E:/​​assignment/main page/index.html#"

它确实在我的电脑上工作，但它不会在另一台电脑上工作。我需要它在任何计算机上工作。

Answer 1

你的问题有两部分：

如何让我的网站在任何地方都可以访问？

您需要一个网络服务器，或者您需要使用托管公司。GoDaddy、1and1、HostGator 和其他托管公司拥有配置为向世界上任何人显示其网页的计算机（Web 服务器）。它们每月花费大约 10 美元，您最终可以创建链接，例如http://example.com/myproject/index.html

您的教授可能会让您将您的网页放在他的一个驱动器上，该驱动器可以在校园的任何地方访问。否则，闪存驱动器可以在紧要关头。将文件放入闪存驱动器，然后将闪存驱动器带到课堂上。

有没有更好的方法来写链接？

大多数网站在其链接中使用相对 URL 。例如，Stack Overflowhttp://stackoverflow.com/whatever通常不会将每个链接都写为 ，而是使用相对 URL /whatever：

href在将标签转换为网址时，您的浏览器会遵循一些简单的规则（在此示例中，我们从该页面开始http://stackoverflow.com/questions/15078748/how-to-make-working-path-in-html#15078792：）

• 如果链接以http://（或 a 之前的任何其他内容://）开头，那么您的浏览器会将您带到那里。例如： http://stackoverflow.com带您到 Stack Overflow 主页。
• 如果链接以 开头/，则浏览器将在执行链接的其余部分之前将您带出任何子文件夹。例如： /election将带你到这里：http://stackoverflow.com/election
• 如果链接以 开头../，那么它将向您发送一个文件夹。这可以多次完成。例如。../会送你到这里：http://stackoverflow.com/questions/。
• 如果链接以问号、与号或井号标记 ( ?, &, #) 开头，那么它通常会将其附加到您当前所在的任何页面上。#example会带你去 http://stackoverflow.com/questions/15078748/how-to-make-working-path-in-html#example 。
• 最后，浏览器会将您保存在当前文件夹中，然后将您发送到该链接，例如：example将发送您到此处： http://stackoverflow.com/questions/15078748/example

Answer 2

简单来说，你必须写：

<a href="./index.html">...</a>

链接到 index.html 与您的文件 index.html 位于同一目录中的页面；

示例： ./
my_page.html
使用“./”链接同一目录中的页面；

如果源页面和目标页面在不同的文件夹中，则应 根据页面的相对路径使用：
../my_page.html
或
./folder_path/my_page.html 。

Answer 3

您必须使用相对路径而不是绝对路径。