绝对URL和相对URL

Posted 2020-07-03 尼农小道

什么是URL？

应用举例：可以是图片等资源地址，浏览器地址栏的网址等等

Uniform Resource Locator 统一资源定位符

http://www.123.com/infor/index.html

一个URL由四个部分构成：

第一部分：协议，比如：http://

第二部分：域名（或者称为主机名、服务器名），如：www.123.com

第三个部分：文件夹，如：infor

第四个部分：文件名，如：index.html

 

在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念：

1. 绝对URL

绝对URL就是你的网站主页上的文件或目录在硬盘上真正的路径

 

绝对URL，就是总是以域名（或者/）开头的网址就是"绝对URL"。

注释："/"代表域名对应的网站根目录。

例如：http://www.baidu.com/image/baobao.gif

    提示：使用绝对URL时，只需要考滤目标文件是谁，不需要考滤当前文件是谁。    

引用图片资源：

（2）相对URL：做网站用的最多就是相对路径

• 相对URL的实现条件：

a)当前文件是谁？

b)目标文件是谁？（需要被引入的资源文件）

c)当前文件与目标文件的关系？

平级关系：直接写目标文件名            

下级关系：目标文件在某个文件夹下，先写同级的目录名，再写目录下的文件名。images/baobao.gif

上级关系：目录文件在上一级目录中，先向上走一级，再找到相应的文件夹，再找文件。

./ 当前文件

    ../ 向上走一级

    ../../ 向上走两级

    ../day1/images/01.gif