绝对路径与相对路径的区别【1】
2011-10-20 22:25
288 查看
例:
c:/website/web/index.htm
c:/website/img/photo.jpg
在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?
错误写法:img/photo.jpg
这种写法是不正确的,在此例中,对于“index.htm”文件来说“img/photo.jpg”所代表的绝对路径是“c:/website/web/img/photo.jpg”,显然不符合需求。
正确写法:使用“../img/photo.jpg”的相对路径来定位文件
例:
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?
错误写法:../img/images/photo.jpg
这种写法是不正确的,在此例中对于“index.htm”文件来说“../img/images/photo.jpg”所代表的绝对路径是“c:/website/web/img/images/photo.jpg”。
正确写法:能使用“http://www.cnblogs.com/img/images/photo.jpg”的相对路径来定位文件
例:
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg
在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?
错误写法:http://www.cnblogs.com/img/photo.jpg
这种写法是不正确的,在此例中对于“index.htm”文件来说“http://www.cnblogs.com/img/photo.jpg”所代表的绝对路径是“c:/website/img/photo.jpg”。
正确写法:能使用“../img/photo.jpg”的相对路径来定位文件
总结:通过以上的例子能发现,在把绝对路径转化为相对路径的时候,两个文件绝对路径中相同的部分都能忽略,不做考虑。只要考虑他们不同之处就能了。
怎么修改样式表的路径:
使用文本编辑器打开“htm”文件,查看原始码,在原始码的开头部分“......”标记中间找到“”。“Href=”后面的内容就是“css”的路径,我们能根据以上的知识进行相对路径的转换。
例:
c:/website/web/xz/index.htm
c:/website/css/test.css
在此例中“index.htm”中联接“test.css”文件,能使用“http://www.cnblogs.com/css/test.css”的相对路径来定位文件,完整的代码标记是“”
错误写法举例:http://www.cnblogs.com/../css/test.css
这种写法是不正确的,在此例中对于“index.htm”文件来说“http://www.cnblogs.com/../css/test.css”所代表的绝对路径是“c:/css/test.css”
c:/website/web/index.htm
c:/website/img/photo.jpg
在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?
错误写法:img/photo.jpg
这种写法是不正确的,在此例中,对于“index.htm”文件来说“img/photo.jpg”所代表的绝对路径是“c:/website/web/img/photo.jpg”,显然不符合需求。
正确写法:使用“../img/photo.jpg”的相对路径来定位文件
例:
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?
错误写法:../img/images/photo.jpg
这种写法是不正确的,在此例中对于“index.htm”文件来说“../img/images/photo.jpg”所代表的绝对路径是“c:/website/web/img/images/photo.jpg”。
正确写法:能使用“http://www.cnblogs.com/img/images/photo.jpg”的相对路径来定位文件
例:
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg
在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?
错误写法:http://www.cnblogs.com/img/photo.jpg
这种写法是不正确的,在此例中对于“index.htm”文件来说“http://www.cnblogs.com/img/photo.jpg”所代表的绝对路径是“c:/website/img/photo.jpg”。
正确写法:能使用“../img/photo.jpg”的相对路径来定位文件
总结:通过以上的例子能发现,在把绝对路径转化为相对路径的时候,两个文件绝对路径中相同的部分都能忽略,不做考虑。只要考虑他们不同之处就能了。
怎么修改样式表的路径:
使用文本编辑器打开“htm”文件,查看原始码,在原始码的开头部分“......”标记中间找到“”。“Href=”后面的内容就是“css”的路径,我们能根据以上的知识进行相对路径的转换。
例:
c:/website/web/xz/index.htm
c:/website/css/test.css
在此例中“index.htm”中联接“test.css”文件,能使用“http://www.cnblogs.com/css/test.css”的相对路径来定位文件,完整的代码标记是“”
错误写法举例:http://www.cnblogs.com/../css/test.css
这种写法是不正确的,在此例中对于“index.htm”文件来说“http://www.cnblogs.com/../css/test.css”所代表的绝对路径是“c:/css/test.css”
相关文章推荐
- 转: 相对路径和绝对路径的区别
- 相对路径、根路径、绝对路径的区别?
- HTML 相对路径和绝对路径区别分析(转)
- 【转】相对路径和绝对路径的区别
- 绝对路径和相对路径在javaee工程下的区别
- 相对路径与绝对路径的区别
- C++中相对路径与绝对路径以及斜杠与反斜杠的区别
- 学习笔记2--基础 HTML之目录问题(相对路径和绝对路径区别)
- C++中相对路径与绝对路径以及斜杠与反斜杠的区别
- PHP include和require区别 绝对路径、相对路径
- 相对路径和绝对路径的区别
- 相对路径和绝对路径的区别
- 基础 HTML之目录问题(相对路径和绝对路径区别)
- C++中相对路径与绝对路径以及斜杠与反斜杠的区别
- 绝对路径和相对路径的区别
- 相对路径和绝对路径的区别
- URI和URL区别以及相对路径和绝对路径的区别
- 绝对路径与相对路径的区别
- HTML 相对路径和绝对路径区别分析
- HTML中绝对路径和相对路径的区别分析