绝对URL和相对URL的区别是什么_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 3:18:20 共计：3599 浏览

绝对URL和相对URL的区别是什么？

什么是URL？

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

Uniform Resource Locator 统一资源定位符

比如：http://www.123.com/infor/index.html

一个URL由四个部分构成：

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

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

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

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

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

绝对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

来自网摘。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。