专栏首页山河木马绝对路径和相对路径(转)

绝对路径和相对路径(转)

一、基本概念

1、相对路径-顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。

2、绝对路径-绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,比如,你的Perl 程序是存放在 c:/apache/cgi-bin 下的,那么 c:/apache/cgi-bin就是cgi-bin目录的绝对路径

在网络中,以http开头的链接都是绝对路径,绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,绝对路径一般在CGI程序的路径配置中经常用到,而在制作网页中实际很少用到。

二、相对路径使用的特殊符号

以下为建立路径所使用的几个特殊符号,及其所代表的意义。

"./":代表目前所在的目录。

"../":代表上一层目录。

以"/"开头:代表根目录。

根目录下有Site1和Image/Image.jpg,Site1下有Page1.html文件和Site2文件夹。Site2下有Page2.html和Page2Image.jpg图片文件。

1、文件在当前目录

         Page2.html访问Page2Image.jpg

<img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>

   2、文件在上一层目录

              Page1.html访问Image下的Image.jpg

<img src=”../Image/Image.jpg”>

              Page2.html访问Image下的Image.jpg

<img src=”../../Image/Image.jpg”>

3、文件在下一层目录

         Page1.html访问Site2文件夹下的Page2Image.jpg

<img src=” ./Site2/Image.jpg”><img src=” Site2/Image.jpg”>

 4、根目录表示法,任何页面访问Image下的Image.jpg图片

<img src=”/Image/Image.jpg”>

三、常使用且要注意的地方

A、Css中的图片路径。写css里的图片路径,url是图片针对样式文件的位置

-- index.html

-- css   /main.css

-- images/1.jpg

如果: index.html引用main.css,且在main.css 引用images目录里的1.jpg :

background: url(../images/1.jpg)  *** 正确

background: url(images/1.jpg)    *** 错误

B、Js中图片地址均相对于调用JS的页面的相对位置。

document.getElementById("IMG1").style.backgroundImage

= "url(../Images/login.jpg)";

四、优缺点及使用的地方

1、绝对路径的优点

    A、如果有人抄袭你的网站内容,里面的链接还会指向你的网站,有些抄袭的人比较懒,根本不会去改内容。其实也不局限于被抄袭,如果有人将你的网页保存到本地电脑中,里面的链接、图片、css、以及js仍然会连接到你的网站。

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

2、绝对路径的缺点:

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

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

3、相对路径的优点:

    A、容易移动内容,可以整个目录移动。

    B、测试方法比较灵活,本机测试时比较方便。

4、相对路径的缺点:

    A、部分内容页面换了位置时,链接容易失效。

    B、容易被人大面积采集抄袭。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Javascript日期时间总结(转)

    从后台返回的C#时间为:/Date(-62135596800000)/,这个是C#的DateTime.MinValue; 要在html页面展示,一个方法是后端先...

    山河木马
  • js中获取时间new date()的用法 原

    得到的结果:1280977330000 注意:这里得到的结果将后三位(毫秒)转换成了000显示,使用时可能会出现问题。例如动态添加页面元素id的时候,不建议使用...

    山河木马
  • html5网页结构布局标签

    对于HTML5来讲,在网页结构上标签定义与使用更加语义化,让搜索引擎以及工程师更加迅速理解当前网页的整个重心所在!

    山河木马
  • 干货梯度提升树GBDT原理

    fishexpert
  • 云图数据查询失败,超时

    查询数据库失败, Query inactivity timeout[21004],请问这要在哪里更改查询的时间?急。。。。。。。。。。。。。。。。。。。。。。。...

    用户1084156
  • 求职攻略 | Datawhale助力秋招最强战甲

    金三银四的实习求职季已过,不知道屏幕对面的你有没有收到心仪的offer呢?如果你是offer拿到手软的大佬,不要懈怠,让优秀在人生长跑中成为一种习惯。但如果在求...

    ApacheCN_飞龙
  • 求职攻略 | Datawhale助力秋招最强战甲(附美团秋招内推码)

    金三银四的实习求职季已过,不知道屏幕对面的你有没有收到心仪的offer呢?如果你是offer拿到手软的大佬,不要懈怠,让优秀在人生长跑中成为一种习惯。但如果在求...

    石晓文
  • Hive第二天学习内容总结Hive 第三天DDL特别注意一下,没事别删除数据DML

    Hive 第三天 [toc] 第二天内容回顾 Hive帮助文档的地址 https://cwiki.apache.org/confluence/display/H...

    Albert陈凯
  • P1877 [HAOI2012]音量调节

    题目描述 一个吉他手准备参加一场演出。他不喜欢在演出时始终使用同一个音量,所以他决定每一首歌之前他都需要改变一次音量。在演出开始之前,他已经做好一个列表,里面写...

    attack
  • Pandas简单入门 1

    我是从16年开始学习Python的,在使用Python最开始的一段时间,基本是操作list列表和dict字典两个简单的数据结构,后来接触数据的特征越来越多,发现...

    阿凡亮

扫码关注云+社区

领取腾讯云代金券