好程序员web前端分享绝对路径与相对路径的引用-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

 好程序员web前端分享绝对路径与相对路径的引用

简介: html文件中绝对路径与相对路径的引用一、..的作用(上一级目录)在html中../表示上一级目录,也就是html文件所在目录的上一级目录, 如果想引用上两级目录,可以....\ 二、同级目录的引用如果引用文件和被引用文件在同一级目录下,那可以直接写,如果上面的在同一级目录下,那可以直接写jquery-1.3.1.js html引用外部样式表后在样式表文件中定义的样式并不等于在html头文件中定义的样式了,它依然存放在定义的文件中被一起下载到客户端,因此外部样式表中的相对路径是相对于改样式表的路径,并不是相对于引用该样式表的html 的路径。

html文件中绝对路径与相对路径的引用
一、..的作用(上一级目录)
在html中../表示上一级目录,也就是html文件所在目录的上一级目录,

如果想引用上两级目录,可以....\

二、同级目录的引用
如果引用文件和被引用文件在同一级目录下,那可以直接写,如果上面的在同一级目录下,那可以直接写jquery-1.3.1.js

html引用外部样式表后在样式表文件中定义的样式并不等于在html头文件中定义的样式了,它依然存放在定义的文件中被一起下载到客户端,因此外部样式表中的相对路径是相对于改样式表的路径,并不是相对于引用该样式表的html 的路径。

如果是纯手工编写html或者css、js的话,建议用相对路径,比如:../../css/main.css

如果是动态文件,比如jsp、php等,最好用网站的绝对路径。比如

{ctx}/resources/main.css,其中ctx是自己定义的变量,它的值等于类似于http://localhost这种地址。

相对路径的缺点:例如:../images/zollty.png,这种写法,一旦我改变了引用页面文件的目录,这张图片就无法显示了。如果换成网站的绝对路径{ctx}/images/zollty.png,那么不论我怎么移动引用的页面文件,只要图片的地址不变,都是可以访问的。

绝对路径的缺点:对于静态文件,往往无法自动获取网站的根路径({ctx}),所以要写绝对路径比较麻烦。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章