URL（Uniform Resource Locator，统一资源定位符）是地址的别名。它包含关于文件存储位置和浏览器应如何处理它的信息。互联网上的每个文件都有唯一的 URL。URL 的第一个部分称为模式（scheme）。模式告诉浏览器如何处理需要打开的文件。最常见的模式是 HTTP（Hypertext Transfer Protocol，超文本传输协议）。根据你上网的经验，你应该可以猜到，HTTP 是用于访问网页的（参见图 1.7.1）。HTTPS 是从 HTTP 衍生来的，用于电子商务网站等安全网页。它的格式同 HTTP 一样，只是用 https 替代了 http。图 1.7.1　基本的 URL 包含模式、主机名称和路径。路径包含一个或多个目录（文件夹），最后是一个文件名 URL 的第二个部分是文件所在的主机的名称，紧接着是路径，路径包含到达这个文件的文件夹以及文件自身的名称（这些都是可选的）。如果 A 中的路径是 tofu/soft/index.html，就表示 index.html 位于 soft 目录，而 soft 目录则位于 tofu 目录，就像你在自己的电脑上组织文件和文件夹那样。有时，URL 路径不以文件名结尾，而以一个目录结尾（可以包含一个结尾的斜杠，也可以不包含），如图 1.7.2 所示。在这种情况下，URL 指的是路径中最后一个目录中的默认文件，通常为 index.html。（通常情况下，所有 Web 服务器的配置都将 index.html 作为默认文件名，因此你不必修改任何服务器配置。）图 1.7.2　以一个斜杠而非文件名结尾的 URL 指向最后一个目录（在这个例子中是 tofu 目录）中的默认文件。最常见的默认文件名是 index.html。因此，这个 URL 与上一个例子中的 URL 指向的是同一个页面其他常见的模式有用于下载文件的 ftp（File Transfer Protocol，文件传输协议），如图 1.7.3 所示；用于发送电子邮件的 mailto，如图 1.7.4 所示（参见第 6 章）。图 1.7.3　当用户点击这个 URL 时，浏览器会开始按 FTP 模式传输文件 proposal.pdf（有时需要先输入用户名和密码）图 1.7.4　用于电子邮件地址的 URL 包括 mailto 模式，紧接着是一个冒号（没有斜杠），然后是电子邮箱地址本身模式后面通常紧跟一个冒号和两个斜杠。mailto 是个例外，它后面只有一个冒号。在上述模式中，最常用到的是 http（也包括 https），其次是 mailto，再次是 ftp。其他模式则只有在特殊情况下才会用到，你很少会碰到它们。1. 绝对 URLURL 可以是绝对的，也可以是相对的。绝对 URL（absolute URL）包含了指向目录或文件的完整信息，包括模式、主机名和路径（图 1.7.1 和图 1.7.2）。绝对 URL 就像是完整的通信地址，包括国家、州、城市、邮政编码、街道和姓名。无论邮件来自哪里，邮局都能找到收件人。就 URL 来说，这意味着绝对 URL 本身与被引用文件的实际位置无关，无论是在哪个主机上的网页中，某一文件的绝对 URL 都是完全一样的。引用别人 Web 服务器上的文件时，应该总是使用绝对 URL。当你通过电子邮件跟你的朋友分享新闻或 YouTube 视频的 URL 时，如果只给他们 URL 的一部分，他们就无法看到相应的内容。这也就是为什么我们的基本页面（参见图 1.7.5）中指向维基百科页面的 href 值是完整的 URL 而不是简单的 Linum_lewisii。<p>I am continually <em>amazed</em> at the beautiful, delicate <a href="http://en.wikipedia.org/wiki/Linum_lewisii" rel="external" title="Learn more about the Blue Flax">Blue Flax</a> that somehow took hold in my garden . . .</p > 图 1.7.5　由于我们的基本页面并不在 en.wikipedia.org，因此在链接到关于 Blue Flax（拉丁文中为 Linum lewisii）的页面时，需要使用绝对 URL。第 6 章对链接作了详尽的介绍，包括 rel 属性（如果链接是指向其他网站的，推荐使用这一属性）对于 FTP 站点以及几乎所有不使用 HTTP 协议的 URL，都应该使用绝对 URL。2. 相对 URL 当我告诉你我邻居家的位置时，我一般不会说完整地址，而是说：“她家在右边第三个门。” 这就是相对地址，它指出的位置是以信息提供者的位置为参照的。如果在别的城市按照同样的信息找我的邻居，你永远也找不到。（实际情况是，她出门很长一段时间了，因此恐怕你还是找不到她。）同样，相对 URL 以包含 URL 本身的文件的位置为参照点，描述目标文件的位置。因此，相对 URL 可以表达像 “指向本页面同一目录下的 xyz 页面” 这样的意思。引用同一目录下的文件如果目标文件与当前页面（也就是包含 URL 的页面）在同一个目录中，那么这个文件的相对 URL 就只有文件名和扩展名（参见图 1.7.6）。例如，链接的 HTML 可能是 < a href="history.html">Take me to history.html!</a>。图 1.7.6　相对 URL 指向同一目录下的文件（参见图 1.7.10）。URL 中只需要文件名和扩展名，不必在前面加上 http://www.site.com/about/（这两个文件所在的主机名和目录）引用子目录下的文件如果目标文件在当前目录的子目录中，那么这个文件的相对 URL 就是子目录名，接着是一个斜杠，然后是文件名和扩展名（参见图 1.7.7）。例如，<a href="info/data.html">Data supports my hypothesis</a>。图 1.7.7　要引用当前文件夹的子文件夹中的文件，在这个例子中是 data.html（参见图 1.7.10），应在文件名之前加上子文件夹名称和一个斜杠引用上层目录的文件如果要引用文件层次结构中更上层目录中的文件，那么应该使用两个句点和一个斜杠（参见图 1.7.8），例如，<a href="../products.html">our products</a>。每个../ 都表示 “到当前文件的上一层”，因此，../../ 会向上走两级，../../../ 会向上走三级。图 1.7.8　从图 1.7.10 中可以看到，这个文件位于与网站根目录下的当前文件夹（about）同属一层的文件夹（img）中。在这种情况下，使用两个句点和一个斜杠上升一级，然后指出子目录（img），再跟一个斜杠，最后是文件名（实践中，可以为 image.png 选择一个更具描述性的文件名，这里的名称仅作为示例）根相对 URL 不过，如果文件位于 Web 服务器上，应该避免使用像../../img/family/vacation.jpg 这样显得较为笨拙的文件路径，不应先跳到网站的根目录再顺着向下找到目标文件（参见图 1.7.9）。可以在最开始使用一个斜杠，这样本例中的根相对 URL 就是 /img/family/vacation.jpg（假定 img 文件夹位于网站的根文件夹，这也是惯常的用法）。需要强调的是，这种做法只能用于 Web 服务器，例如在网站托管服务供应商的 Web 服务器上，或者在本地计算机运行的 Web 服务器上（参见提示）。图 1.7.9　相同的根相对 URL 可用于所有的页面，不管页面在网站目录结构中的具体位置。例如，在这个例子中，主页和六层目录中某个页面对 vacation.jpg 的定位是同样简单的（这并不代表我建议使用这么深的层级结构）如果不是在服务器本地开发网站，通常应使用相对 URL（当然，除非是指向其他服务器上的文件）。这样确保了将页面从本地系统传到服务器变得容易。只要每个文件的相对位置保持不变，就不必修改任何路径，链接依然有效。提示　Apache 是在计算机上运行开发服务器最常见的选择。可以在网上搜索 “set up local dev environment”（创建本地开发环境）。提示　第 21 章会讨论如何找到一个 Web 主机。3. 绝对 URL 和相对 URL 的比较为了巩固上述知识，表 1.7.1 和图 1.7.10 共同演示了绝对 URL 和相对 URL 的区别。图 1.7.10 显示了两个网站的文件和目录结构。表 1.7.1 描述了从 you-are-here.html 访问各个不同文件的方式，这些文件有的位于同一个网站（www.site.com），有的位于另一个网站（www.remote.com）。尽管表格的前三行也可以使用绝对 URL，但访问同一网站的文件时最好使用相对 URL。表 1.7.1　绝对 URL 与相对 URL 文件名 绝对 URL（可以在任何地方使用） 相对 URL（只能在 you-are-here.html 中使用）history.html http://www.site.com/about/history.html history.htmldata.html http://www.site.com/about/info/data.html info/data.htmlimage.png http://www.site.com/img/image.png ../img/image.pngnews.html http://www.remote.com/press/news.html （无，使用绝对 URL）join.html http://www.remote.com/sign-up/join.html （无，使用绝对 URL）图 1.7.10　包含 URL 的文档（在这个例子中是 you-are-here.html）是相对 URL 的参照点。换句话说，相对 URL 是相对于这个文件在服务器上的位置。绝对 URL 与其所在的位置无关，因为它们总是包含资源的完整 URL