XHTML 相对路径与绝对路径
文件路径
文件路径就是文件在电脑(服务器)中的位置,表示文件路径的方式有两种:相对路径和绝对路径。
标识符号 | 说明 |
---|---|
/ | 路径标识 |
. | 当前目录 |
.. | 上一层目录 |
“.”和“..”常与“/”结合使用表示各个路径层次:
路径 | 说明 |
---|---|
./ | 当前路径,可省略 |
/ | 网站根目录,为绝对路径 |
../ | 上一层目录,可重复使用,如../../,表示上上层目录 |
相对路径(Relative Path)
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利,大部分情况下我们使用的是相对路径。
相对路径的例子:
<img src="data:images/flower_1.jpg" alt="花朵" />
这个是在我们例子主页index.html里img标签使用相对路径标识图像来源的例子。
在该例子中,index.html存放于E:/hmtl中,而图像位置为E:/html/images/flower_1.jpg中。图像相对于index.html的路径就是images/flower_1.jpg。
下面的写法效果是一样的:
<img src="./images/flower_1.jpg" alt="花朵" />
也就是说,通常对于当前路径,可以采用省略的写法,浏览器默认为当前路径。
如果在index.html同目录下有个1.html,那么要从index.html做一个链接到1.html,使用相对路径:
<a href="1.html">从index.html链接到当前目录的1.html</a>
如果1.html在E:/hmtl/test目录下,要从1.html做一个链接到index.html和使用图片目录下的图片,使用相对路径:
<a href="../index.html">从1.html链接到上一层目录的index.html</a> <p>指定图片:</p> <img src="../images/flower_1.jpg" alt="花朵" />
绝对路径(Absolute Path)
绝对路径一般是指带有网址的路径,非本站外的资源都要使用绝对路径。如本站引用thinkphp.cn的图片链接
<a href="http://www.thinkphp.cn/" target="_blank"><img src="http://www.thinkphp.cn/logo88X31.gif" /></a>
在该例子中,对超链接标签和图像标签里的属性都使用了绝对路径。
网站根目录
网站根目录用“/”表示,是一种特殊的绝对路径,它表示网站(本站)的第一层次。
使用绝对路径的例子:
<img src="/images/flower_1.jpg" alt="花朵" />
等效于:
<img src="http://www.5idev.com/images/flower_1.jpg" alt="花朵" />
使用根路径其优点是比较直观,计算方式是从根目录开始计算,缺点是如果内容层次发生了变化哪怕产生了同级的变动,都需要变动目录写法。
转载于:https://www.cnblogs.com/sjqq/p/7355198.html
XHTML 相对路径与绝对路径相关推荐
- Html常见标签- 排版标签 - 文本格式化标签 - 图像标签 - 链接 - 相对路径,绝对路径的使用
1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后 ...
- 基础 HTML之目录问题(相对路径和绝对路径区别)
一.相对路径和绝对路径 相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径.因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对. 绝对路径:以Web站点根目 ...
- html站点相对路径,HTML的相对路径和绝对路径?
HTML有2种路径的写法:相对路径和绝对路径. HTML相对路径(Relative Path) 同一个目录的文件引用 如果源文件和引用文件在同一个目录里,直接写引用文件名即可. 我们现在建一个源文件i ...
- python绝对路径的区别_python学习:绝对路径和相对路径
大牛们应该对路径都很了解了,这篇文章主要给像我这样的入门小白普及常识用的,啊哈 下面的路径介绍针对windows,其他平台的暂时不是很了解. 在编写的py文件中打开文件的时候经常见到下面其中路径的表达 ...
- web应用的绝对路径和相对路径
经常写web工程,就会涉及很多路径问题,今天复习下绝对路径和相对路径,以提醒自己下次不要以为路径问题头疼. 1.绝对路径和相对路径 相对路径:helloworld ./helloworld ../h ...
- 文件资源路径(相对路径和绝对路径)
当我们使用img标签显示图片的时候,需要指定图片的资源路径,比如: <img src="images/logo.png"> 这里的src属性就是设置图片的资源路径的,资 ...
- Linux之绝对路径和相对路径
Linux之绝对路径和相对路径 1. 绝对路径 从根目录算起的路径叫做绝对路径 [可以理解为全路径] 例如: /home/python/Desktop /usr/bin [可以直接使用 cd / ...
- Linux的绝对路径和相对路径
1,什么是路径:你要去哪的路线嘛.如果你想要去哪个目录或者是去找哪个目录里的文件,那就用路径来找到了.注意:目录本身也是文件 2,在Linux中使用.来表示当前目录,使用..来表示上一级目录.-表示上 ...
- java swing 文件选择,设置默认文件选择路径,桌面路径
在上传文件,选择文件的时候,往往会遇到路径选择的问题,比如,一般上传的默认路径是 我的文档,而我们恰好需要默认在桌面,那怎么办呢? 下面的内容也许会帮到你! 首先,看java swing 方面,使用 ...
最新文章
- 职场经典小故事-II
- BUUCTF(pwn)not_the_same_3dsctf_2016
- python如何在循环中保存文件_Python中如何将爬取到的数据循环存入到csv文件中?...
- oracle随机备选数,Oracle查询优化器(一)
- Spring Boot——日志配置
- 《Java编程思想》Java I/O系统章节阅读笔记
- 解决ajax无法给js全局变量赋值的问题
- 沪江swf文件怎么打开_.swf文件的打开方法
- 学习机器学习,需要具备什么的数学基础?
- strcmp函数的实现
- 测试用例编写方法——场景法
- mysql实验视图与索引_视图和索引(数据库实验4)【借鉴实操】
- 百度竞价如何过滤无效点击
- java web 测试要点记录
- json 跟着黑马打的代码 但还是undefined。求解,
- TP-LINK WR740N V5.7刷OpenWrt的一些经验
- 能给黑白照片自动上色的软件有哪些?这几款建议收藏
- 成都信息工程大学计算机学院2018级实习报告
- 核密度估计python_Python中的多元核密度估计
- poi3.17版本生成excel的一些样式设置
热门文章
- CF628D Magic Numbers (数据大+数位dp)求[a,b]中,偶数位的数字都是d,其余为数字都不是d,且能被m整除的数的个数...
- [HAOI2007] 理想的正方形 (单调队列)
- 小程序 数据缓存
- 开源免费的HTML5游戏引擎
- 回车无法直接提交当前光标所在控件中的数据
- 项目实施双机热备备忘
- 2018,10,19模拟赛
- Markdown 工程师也不简单:如何写一个高逼格 README
- TensorFlow Lite支持设备内置会话建模
- 电商大战折射商业伦理缺失形势探讨