绝对URL和相对URL

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

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

Uniform Resource Locator 统一资源定位符

一个URL由四个部分构成:

  1. 第一部分:协议,比如:http://
  2. 第二部分:域名(或者称为主机名、服务器名),如:www.123.com
  3. 第三个部分:文件夹,如:infor
  4. 第四个部分:文件名,如:index.html

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

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

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

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

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

在这里插入图片描述
引用图片资源:
在这里插入图片描述

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

相对URL的实现条件:

  • 当前文件是谁?
  • 目标文件是谁?(需要被引入的资源文件)
  • 当前文件与目标文件的关系?

关系:

  1. 平级关系:直接写目标文件名
  2. 下级关系:目标文件在某个文件夹下,先写同级的目录名,再写目录下的文件名。images/baobao.gif
  3. 上级关系:目录文件在上一级目录中,先向上走一级,再找到相应的文件夹,再找文件。
./ 当前文件

    ../ 向上走一级

    ../../ 向上走两级

    ../day1/images/01.gif
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值