博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
XHTML 相对路径与绝对路径
阅读量:5067 次
发布时间:2019-06-12

本文共 944 字,大约阅读时间需要 3 分钟。

文件路径

文件路径就是文件在电脑(服务器)中的位置,表示文件路径的方式有两种:相对路径和绝对路径。

路径标识:
标识符号 说明
/ 路径标识
. 当前目录
.. 上一层目录

“.”和“..”常与“/”结合使用表示各个路径层次:

路径 说明
./ 当前路径,可省略
/ 网站根目录,为绝对路径
../ 上一层目录,可重复使用,如../../,表示上上层目录

相对路径(Relative Path)

相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利,大部分情况下我们使用的是相对路径。

相对路径的例子:

花朵

这个是在我们例子主页index.html里img标签使用相对路径标识图像来源的例子。

在该例子中,index.html存放于E:/hmtl中,而图像位置为E:/html/images/flower_1.jpg中。图像相对于index.html的路径就是images/flower_1.jpg。

下面的写法效果是一样的:

花朵

也就是说,通常对于当前路径,可以采用省略的写法,浏览器默认为当前路径。

如果在index.html同目录下有个1.html,那么要从index.html做一个链接到1.html,使用相对路径:

从index.html链接到当前目录的1.html

如果1.html在E:/hmtl/test目录下,要从1.html做一个链接到index.html和使用图片目录下的图片,使用相对路径:

从1.html链接到上一层目录的index.html

指定图片:

花朵

绝对路径(Absolute Path)

绝对路径一般是指带有网址的路径,非本站外的资源都要使用绝对路径。如本站引用thinkphp.cn的图片链接

在该例子中,对超链接标签和图像标签里的属性都使用了绝对路径。

网站根目录

网站根目录用“/”表示,是一种特殊的绝对路径,它表示网站(本站)的第一层次。

使用绝对路径的例子:

花朵

等效于:

花朵

使用根路径其优点是比较直观,计算方式是从根目录开始计算,缺点是如果内容层次发生了变化哪怕产生了同级的变动,都需要变动目录写法。

转载于:https://www.cnblogs.com/sjqq/p/7355198.html

你可能感兴趣的文章
paip.获取文件名从路径uapi java python php总结...
查看>>
Atitit 修改密码的功能流程设计 attilax总结
查看>>
解析DOM节点对象的属性
查看>>
安全模式 冷启动
查看>>
simulated annealing/爬山/Metropolis/优化算法
查看>>
基于Lucene3.5.0怎样从TokenStream获得Token
查看>>
一网打尽各类Java基本数据类型转换
查看>>
FlowLayout布局
查看>>
深入理解JVM读书笔记--字节码执行引擎
查看>>
vue-搜索功能-实时监听搜索框的输入,N毫秒请求一次数据
查看>>
批处理 windows 服务的安装与卸载
查看>>
React文档翻译 (快速入门)
查看>>
sql注入【手工及一些工具】
查看>>
所有的jsp页面都放到WEB-INF目录
查看>>
Android开发环境搭建全程演示(jdk+eclipse+android sdk)
查看>>
如何修改SVN中的用户名和密码
查看>>
(转) 苹果所有常用证书,appID,Provisioning Profiles配置说明及制作图文教程(精)...
查看>>
TJOI2011书架(dp)
查看>>
C++ p63作业 1
查看>>
第七课 Zookeeper配置管理,分布式锁案例,运维管理,运维管理系统
查看>>