• html中绝对路径和相对路径的区别?比较相对路径和绝对路径的优缺点


    绝对路径和相对路径的区别?

    1. 绝对路径:就是你的文件或目录在硬盘上的真正的路径例如“bg.jpg”这个图片是存放在硬盘的“E:img”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:imgg.jpg"

    2. 相对路径:顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径都用这个方法,例如在“s1.html” 文件里引用了“bg.jpg”图片,由于“bg.jpg”图片相对于“s1.html”来说,是在同一个目录下的,那么要在“s1.html”文件里使用以下代 码后,只要这两个文件的相对位置没有变(也就是说还是在同一个目录内),那么无论上传到Web服务器的哪个位置,在浏览器里都能正确地显示图片。再举一个例子,假设“s1.html”文件所在目录为“E:html”下面,而“bg.jpg”图片所在目录为“E:htmlimg”,那么“bg.jpg”图片相对于“s1.html”文件来说,是在其所在目录的“img”子目录里,则引用图片的路径应该为:img/bg.jpg 

    资源网站大全https://55wd.com

    比较相对路径和绝对路径的优缺点

    (1) 绝对路径的优点

    ① 如果有人将你的网页保存到另外一台电脑中,里面的链接、图片、css、以及js仍然会链接到你电脑的路径,这个时候就无法找到该资源,加载不出来,这样就可以防止被抄袭

    ② 如果网页位置改变,里面的链接还是指向正确的URL

    (2) 绝对路径的缺点

    ① 在编码编写时不方便使用绝对路径,因为链接应该指向真正的域名,而不是开发站点

    相对路径的优缺点和绝对路径的优缺点几乎相反

    (3) 相对路径的优点

    ① 容易移动内容,可以整个目录移动

    ② 测试方法比较灵活,本机测试时比较方便

    (4) 相对路径的缺点

    ① 部分内容页面换了位置时,链接容易失败

    ② 容易被人大面积采集抄袭

  • 相关阅读:
    Vue 实时过去 页面宽高
    css 全网页呈现灰色
    Vue 省市区三级联动(基于ElementUI)
    小程序 节流函数 (防止按钮重复点击)
    Vs Code 自动编译TS
    VS2019 调试时出现:正试图在 os 加载程序锁内执行托管代码
    SQLServer 日期函数大全
    SQL 日期函数
    SQL Server 查询性能异常语句
    SQL中多表连接delete删除表数据
  • 原文地址:https://www.cnblogs.com/ypppt/p/13232548.html
Copyright © 2020-2023  润新知