100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 绝对URL和相对URL的区别是什么 – CSS – 前端 css3实现拖动阴影效果

绝对URL和相对URL的区别是什么 – CSS – 前端 css3实现拖动阴影效果

时间:2020-10-25 07:02:39

相关推荐

绝对URL和相对URL的区别是什么 – CSS – 前端 css3实现拖动阴影效果

什么是URL?

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

Uniform Resource Locator 统一资源定位符

比如:/infor/index.html

一个URL由四个部分构成:

第一部分:协议,比如:http://

第二部分:域名(或者称为主机名、服务器名),如:

第三个部分:文件夹,如:infor

第四个部分:文件名,如:index.html

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

绝对URL

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

绝对URL,就是总是以域名(或者/)开头的网址就是”绝对URL”。

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

例如:/image/baobao.gif

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

引用图片资源:

(2)相对URL:做网站用的最多就是相对路径

相对URL的实现条件:

a)当前文件是谁?

b)目标文件是谁?(需要被引入的资源文件)

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

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

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

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

./ 当前文件

../ 向上走一级

../../ 向上走两级

../day1/images/01.gif

来自网摘。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。