HTML中绝对路径&相对路径 | 青训营笔记

147 阅读1分钟

这是我参与[第四届青训营]笔记创作获得的第二天。

一.绝对路径

1.1 定义:当网站部署到服务器后,网站中的所有资源都可以通过一个地址(路径)访问该地址(路径)的书写格式:协议://域名/目录

   示例1:http://www.google.com/
        协议:http
        域名:www.google.com
        目录:根目录
    示例2:http://meyerweb.com/eric/tools/css/reset/reset.css
        协议:htttp
        域名:meyerweb.com
        目录:根目录/eric/tools/css/reset/reset.css

1.2 绝对路径的使用场景:

  •    访问站外资源时,只能使用绝对路径。
    
  •    访问站内资源时,若网站已部署到服务器,可以使用绝对路径,并可以省去协议和域名
    

image.png

image.png

二.相对路径

2.1 定义:相对路径是相对于当前资源的位置,只能用于访问站内资源。

2.2 书写格式:./路径

 ./  表示当前资源所在的目录,必须作为相对路径的开始,可省去。
 ../ 表示返回上一级目录。
 

image.png

image.png

总结

站外资源:绝对路径(推荐)
站内资源:1.绝对路径:网站已部署服务器,可省略协议和域名。2.相对路径(推荐)