首页 > 代码库 > 绝对路径和相对路径
绝对路径和相对路径
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。
比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？
如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。
为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。
在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径
1.绝对路径：是从盘符开始的路径
例如“as.jpg”这个图片是存放在硬盘的“D:\图片\人物\美女”目录下，那么 “as.jpg”这个图片的绝对路径就是“D:\图片\人物\美女\as.jpg”。
比如在网页中插入该图片就应该使用以下语句
<img src=http://www.mamicode.com/“D:/图片/人物/美女/as.jpg” />
2.相对路径:是从当前路径开始的路径
所谓相对路径，就是相对于自己的目标文件位置。例如前面的例子，“index.html” 文件里引用了“mm.jpg”图片，由于“mm.jpg”图片相对于“index.html”来说，是在同一个目录的，那么在index.html中引用图片就应该写成<img src=http://www.mamicode.com/‘mm.jpg‘ />
“./”表示当前路径，“.”通常情况下可省略，
“../”来表示上一级目录。如果有多个上一级目录，可以使用多个“../”，
绝对路径和相对路径
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。