HTML相对路径和绝对路径
来源:互联网 发布:php死循环怎么办 编辑:程序博客网 时间:2024/05/17 22:05
在网页制作的过程中,少不了跟路径打交道,比如,包含一个文件,插入一个图片等,与路径都有关系,如果使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。
初学者可能会感到困惑,下面我就详细的介绍一下相对路径与绝对路径。
HTML的2种路径写法:相对路径和绝对路径
1.HTML相对路径(Relative Path)
用途:指定由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系
如果源文件和引用文件在同一个目录里,直接写引用文件名即可,这时引用文件的方式就是使用相对路径。
下面建立两个HTML文档info.html和index.html,用作示例,要求都是在info.html加入index.html超链接。
eg1:相对路径的简单应用
假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html
写法:<a href = "index.html">这是超连接</a>
eg2:如何表示上级目录
../表示源文件所在目录的上一级目录,http://www.cnblogs.com/表示源文件所在目录的上上级目录,以此类推。
假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是:c:/Inetpub/wwwroot/sites/index.html
写法:<a href = "../index.html">这是超连接</a>
eg3:如何表示上上级目录
假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html
写法:<a href = "../wowstory/index.html">index.html</a>
eg3:如何表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html
写法:<a href = "html/index.html">这是超连接</a>
2.HTML绝对路径(Absolute Path)
大家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径。
例如只要看到这个路径:c:/website /img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。
类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。
HTML绝对路径(absolute path)在网页制作中指带域名的文件的完整路径。
文章转载自:http://www.cnblogs.com/stay-foolish/archive/2013/05/03/2985500.html
- HTML相对路径和绝对路径
- HTML相对路径和绝对路径
- HTML相对路径和绝对路径
- HTML绝对路径和相对路径
- HTML相对路径和绝对路径
- HTML绝对路径和相对路径
- HTML相对路径和绝对路径
- HTML相对路径和绝对路径
- HTML相对路径和绝对路径
- html 相对路径,绝对路径
- HTML中的相对路径和绝对路径
- html图片的绝对路径和相对路径
- HTML的相对路径和绝对路径
- html img src 相对路径和绝对路径
- html中绝对路径和相对路径
- 相对路径和绝对路径HTML目录问题
- [HTML] 图片标签、绝对路径 和 相对路径
- html的相对路径和绝对路径
- shell 中的for循环while循环和case语句
- ZOJ 3469 Food Delivery [区间DP]
- 【python】条件语句和循环语句
- HTML基础进阶
- python对文件的操作方式总结
- HTML相对路径和绝对路径
- MySql视图原理讲解与使用大全
- 使用Dom4j合并多个xml文件
- OpenGL VC6.0 和 VS2010 环境搭建
- js继承几种方式
- 学习Python的经验
- 孩子们的游戏
- 【Servlet】Servlet生命周期
- eclipse的格式化规则(即format.xml文件)