HTML5和CSS3编程的绝对和相对引用 - 虚拟

在HTML5和CSS3中编程时，有多种地址。您可能熟悉绝对引用，用于链接到外部页面。另一种参考 - 一个相对的参考 - 在您自己的网站内链接多个页面。

绝对引用

在basicLinks中使用的链接类型。 html是一个 绝对引用。 绝对引用始终以协议名称开始。绝对引用是网页的完整地址，就像您在浏览器的地址栏中使用的一样。绝对引用是用来指互联网上的其他地方的网站。

<！即使你的网站移动了（比如说，从你的桌面机到互联网上的某个web服务器），所有的绝对引用都可以正常工作，因为它们不依赖于当前页面的位置任何信息。

相对引用

当您的网站包含多个页面时使用相对引用。你可能会选择有几个页面和链接机制来移动它们。

这个页面本身并不是那么有趣，但它并不意味着独立。当你点击其中一个链接时，你会进入一个全新的页面。以下是点击市场链接时发生的情况。

市场页面非常简单，但也包含一个返回到初始页面的链接。大多数网站根本不是单一网页，而是一个互相连接的网页。当您有一组带有交错链接的页面时，相对引用非常有用。

猪的代码。 html显示了相对引用是如何工作的：

猪。

猪哺乳动物的目的地

这只小猪上市

这只小猪呆在家里。
这只小猪有烤牛肉
这只小猪没有。
这只小猪在回家的路上一直“凌晨”。大多数的代码是完全熟悉的。唯一令人惊讶的是那里的
而不是

。仔细看看其中的一个链接： home。 没有协议（部分），没有地址，只是一个文件名。这是一个

相对引用。

相对引用通过假定当前页面的地址来工作。当用户点击时，浏览器看不到任何协议，所以它假定市场。 html与服务器在同一个目录下。相对引用像方向一样工作。例如，如果你在实验室里，询问喷泉在哪里，有人可能会说：“走到走廊上，左转，然后在下一个走廊的尽头左转。“如果你在正确的地方开始，那些方向可以让你到达喷泉。如果你在其他地方，你按照这些方向，你不会找到喷泉。当你有一堆相互连接的网页时，相对引用可以很好地工作。如果您创建了大量关于同一主题的页面，并将它们放在同一个目录中，则可以在页面之间使用相对引用。如果您决定将您的页面移动到另一台服务器，所有链接仍然正常工作。 在本地机器上创建和修改您的页面，然后将它们发送到Web服务器供全世界查看通常是最方便的。如果使用相对引用，将一组页面一起移动并知道链接仍然可以工作。 如果您在其他人的网站上提到某个网页，则必须使用绝对引用。如果您要链接到网站上的其他页面，则通常使用相对引用。