Question

我创建了一系列网页，我想让它们全部通过导航栏链接在一起，我目前有：

 <li><a href="file:///C:\Users\Corey\Documents\Web Project\Creation.html#CreationXHTML">XHTML & HTML</a></li>

但是，如果我需要将这些文件导出到另一台计算机，那么该链接是否会出错并且无法正常工作？我如何更改这些链接，以便包含HTML，CSS的文件可以通过电子邮件发送给某人，它仍然适用于他们？

Answer 1

使用相对网址。

<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="folder/page.html">Something</a></li>

路径相对于当前文件，home.html，about.html和contact.html都在同一文件夹中，而page.html位于名为＆＃的子文件夹中39;夹＆＃39;

Answer 2

只需使用相对链接 - 无需包含file:///.....。这也意味着如果您将其上传到网络或将所有文件压缩在一起并发送给其他人，它仍然可以工作 - 当然假设您保持相同的文件夹结构和相对文件位置。

例如，我的index.html文件有一个根文件夹，其中包含导航链接和文件夹结构，如下所示，博客文件夹中有firstpost.html和secondpost.html。

Web项目文件夹结构

index.html
Creation.html
blog/ (folder)
  firstpost.html
  secondpost.html

index.html

中的示例链接

<ul>
  <li>
    <a href="Creation.html#CreationXHTML">XHTML & HTML</a>
  </li>
  <li>
    <a href="blog/firstpost.html">First Post</a>
  </li>
  <li>
    <a href="blog/secondpost.html">Second Post</a>
  </li>
</ul>

查看this post，它将为您提供绝对与相对路径概念的基本概述。

HTML本地文件区域

2 个答案: