html - 我正在学习 html，我对 href 的工作方式感到困惑

Question

好吧，我现在正在学习 html，很快就会学习 css。在我的 html 编码中，我有一个这样的导航部分:

<div id="header">
<h1>Guild Wars 2 Fanbase</h1>
<ol id="navigation">
    <li><a href="/">Home</a></li>
    <li><a href="/facts">Facts</a></li>
    <li><a href="/gallery">Gallery</a></li>
    <li><a href="/code">Coding</a>
        <ul><li><a href="/code/line">Lines</a></li>
            <li><a href="/code/comment">Comment Lines</a></li>
    </ul>
    </li>
</ol></div>

现在，当我打开这个 .html 文件时，所有内容都按照我希望的方式进行布局(即标记)。我的问题是，当我点击这个网站上的一个链接(这个网站就是这个代码)时，我收到一条错误消息，说找不到这个网页，但是当然。但是我该如何创建它才能让网页协同工作呢？我不确定如何正确措辞。就像，我是否在同一目录中创建另一个 .html 文件，所以当我单击它从第二个 .html 文件读取的链接时，不知何故？

如果您不确定我在问什么，请告诉我，我会尽量说得更具体。感谢您的帮助 (:

请原谅我的语法错误，不是世界上最好的英语，我尽力了(:

Answer 1

如@Craig T 所述，您的 href 应该指向另一个页面。

<li><a href="/">Home</a></li>
<li><a href="/facts">Facts</a></li>

这些与您现有的网站相关，其中“/”是最顶层的页面。'/facts'实际上是指相对于'/'的名为facts的目录

但是，它们不需要指向另一个 html 页面。他们也可以指向另一个网站。

例如

<li><a href="http://www.example.com">Links</a></li>

或其他站点的特定页面:

<li><a href="http://www.example.com/somepath/something.html">Something</a></li>

在 html 代码中，您提供了指向目录的 URL。当未提供特定文件或资源时，即它没有以/page/yourpage.html 之类的结尾，则由网络服务器决定如何处理它。他们通常会有规则来确定这一点。例如apache 网络服务器通常配置为在请求的目录中返回文件 index.html。

所以这些:

<li><a href="/">Home</a></li>
    <li><a href="/facts">Facts</a></li>
    <li><a href="/gallery">Gallery</a></li>
    <li><a href="/code">Coding</a>
        <ul><li><a href="/code/line">Lines</a></li>
            <li><a href="/code/comment">Comment Lines</a></li>

等价于这些:

<li><a href="/index.html">Home</a></li>
    <li><a href="/facts/index.html">Facts</a></li>
    <li><a href="/gallery/index.html">Gallery</a></li>
    <li><a href="/code/index.html">Coding</a>
        <ul><li><a href="/code/line/index.html">Lines</a></li>
                <li><a href="/code/comment/index.html">Comment Lines</a></li>

在某些设置中，默认的 index.html 不是 index.php 或 index.asp。

实际上大多数都是按优先顺序进行的。

例如先试试 index.php，如果不可用，试试 index.html

我希望这很清楚。