这个问题是在加载的过程中遇到的，明明已经写好了路径，可是总是加载不了图片，究其原因，还是路径的问题，下面就来区别一下相对路径和绝对路径：

关键区别：在于描述目录路径时，所采用的参考点不同

特殊符号：

"." -- 代表目前所在的目录，相对路径。

      <img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>

".." -- 代表上一层目录，相对路径。

      <img src=”../Image/Image.jpg”>

"../../" -- 代表的是上一层目录的上一层目录，相对路径。

       <img src=”../../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="/abc">文本</a> 或 <img src="/abc" />

绝对路径的优点

A、如果有人抄袭你的网站内容，里面的链接还会指向你的网站，有些抄袭的人比较懒，根本不会去改内容。其实也不局限于被抄袭，如果有人将你的网页保存到本地电脑中，里面的链接、图片、css、以及js仍然会连接到你的网站。

B、如果网页位置改变，里面的链接还是指向正确的URL。

绝对路径的缺点：

A、在编码编写时不方便使用绝对路径，因为链接应该指向真正的域名而不是开发站点。

牛腩新闻发布系统总结（二）--相对路径与绝对路径