首页 > 代码库 > 牛腩新闻发布系统总结(二)--相对路径与绝对路径
牛腩新闻发布系统总结(二)--相对路径与绝对路径
这个问题是在加载的过程中遇到的,明明已经写好了路径,可是总是加载不了图片,究其原因,还是路径的问题,下面就来区别一下相对路径和绝对路径:
关键区别:在于描述目录路径时,所采用的参考点不同
特殊符号:
"." -- 代表目前所在的目录,相对路径。
<img src=http://www.mamicode.com/”./Page2Image.jpg”>或者".." -- 代表上一层目录,相对路径。
<img src=http://www.mamicode.com/”../Image/Image.jpg”>"../../" -- 代表的是上一层目录的上一层目录,相对路径。
<img src=http://www.mamicode.com/Image/Image.jpg”>"/" -- 代表根目录,绝对路径。
"D:/abc/" -- 代表根目录,绝对路径。
相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。
举例:
.searchbtn{ background-image:url("../Images/搜索.jpg") ; width:99px; height:35px; border-style:none; background-color :#fff; }<span style="font-family: tahoma, 'microsoft yahei', 微软雅黑;"> </span>
相对路径的优点:
A、容易移动内容,可以整个目录移动。
B、测试方法比较灵活,本机测试时比较方便。
相对路径的缺点:
A、部分内容页面换了位置时,链接容易失效。
B、容易被人大面积采集抄袭。
绝对路径:以Web 站点根目录为参考基础的目录路径。
举例:
<a href=http://www.mamicode.com/"/abc">文本 或
绝对路径的优点
A、如果有人抄袭你的网站内容,里面的链接还会指向你的网站,有些抄袭的人比较懒,根本不会去改内容。其实也不局限于被抄袭,如果有人将你的网页保存到本地电脑中,里面的链接、图片、css、以及js仍然会连接到你的网站。
B、如果网页位置改变,里面的链接还是指向正确的URL。
绝对路径的缺点:
A、在编码编写时不方便使用绝对路径,因为链接应该指向真正的域名而不是开发站点。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。