是的,有两种类型的相对URL:具有相对路径的相对URL和具有绝对路径的相对URL。
(1) 具有相对路径的相对URL = 相对于当前页面的URL。需要链接的文件或资源位于同一网站内。
例如,您在 https://example.com/items/menu.html
上。
您想要链接到与当前页面相同目录中的 images
文件夹中的图像文件,则应使用相对URL src="images/myimage.jpg"
。
结果的URL将为:https://example.com/items/images/myimage.jpg
。这是因为,在 src="images/myimage.jpg"
中不加入 /
之前的 images
,您告诉浏览器 images
文件夹位于与 menu.html
文件相同的目录中。
想象一下,在 example.com
文件夹内,有一个 items
文件夹,里面有一个 images
文件夹和一个 menu.html
文件。
因此,它将从https://example.com/items/menu.html
更改为https://example.com/items/images/myimage.jpg
,原因是当您在images
之前不加/
时,images
文件夹和menu.html
位于同一级别。就是这样!
(2) 具有绝对路径的相对URL=指定从网站根目录开始的完整路径的URL。
例如,您再次在https://example.com/items/menu.html
上。
您在网站的根目录中有一个images
文件夹。 P/s:根目录是https://example.com/
。
您想链接到根文件夹中的图像文件,您将使用具有绝对路径的相对URLsrc="/images/myimage.jpg"
。请注意,在images
之前有/
以指定其相对于根目录。
生成的URL将是:https://example.com/images/myimage.jpg
。它将从https://example.com/items/menu.html
变为https://example.com/images/myimage.jpg
,因为images
文件夹位于根目录下。就是这样!
(3) 简而言之,
您正在访问https://example.com/items/menu.html
。
如果您使用src="images/myimage.jpg"
,生成的URL将是https://example.com/items/images/myimage.jpg
。
如果您使用src="/images/myimage.jpg"
,生成的URL将是https://example.com/images/myimage.jpg
。
//yolo.com
被认为是绝对 URL? - srph//yolo.com
会在当前页面方案的前面添加。是否有任何特定术语、rfc或原因,解释为什么在浏览器中以“//”开头的URL被解析为绝对路径? - srph