例:
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”