相对链接VS绝对链接

---

    初次接触网页制作的朋友总有许许多多的困惑，有很多细节问题书上并没有讲或者过于理论化，完全靠自己领悟又不是一朝一夕的功夫。因此从本期开始，菜鸟学堂就针对这些细节问题，从实例出发做一系列文章，帮助初学者摆脱困扰。 

 

    做网页总免不了做链接(URL)，很多朋友总会有这样的迷惘：刚才在自己的硬盘上还好好的链接，咋个一传到服务器就报告“该页面不存在”了呢?或者自己访问起来很好，但网友们就是访问不到呢?好吧，今天我们就来了解一下相对链接和绝对链接的知识(注：以下文章全部是在Dreamweaver中进行操作)。 

 

    相对链接 

 

    举个例子，假如你正在做CPCW网站，站点目录储存在D：＼CPCW下，首页文件index． htm，其下还有个reader(读者)子目录，有一个叫做readerl．htm的页面文件，服务器网址是 http：／／www．cpcw．com。如果你想在首页加入一个链接转向readerl．htm，用相对链接的写法就应该是“reader／readerl．htm”，这样当你在硬盘上访问该文件时，浏览器就会自动在当前目录下寻找这个页面文件。当前目录的路径也就自动加在相对路径的前面了，成为file：／／／D：／CPCW／reader／readerl． htm，浏览器可以顺利访问。这样做的好处是，当你把网站上传到服务器上，你不用改变链接地址，链接地址就会自动变成“http：／／www．cpcw．com／reader／readerl． 

htm”。这样只要目录内部结构不变化，无论你把你的网站传到什么地方，都可以对站内页面正确访问。 

 

    绝对链接 

 

    如果你使用绝对链接，那么你就得把路径全部填完。比如你为了在服务器上能够访问这个页面，你得在链接中填入“http：／／www． cpcw．com／reader／readerl．htm”。但这样只要你换了网址，或者网页还在你的硬盘上，你都无法访问。初学者最容易犯的错误就是没有在 Dreamweaver中设定站点目录(可在“站点→定义站点”中设定)，以至于链接的文件全部写成了在自己硬盘上的绝对路径(比如file：／／／D：／CPCW／reader／readerl． htm)。于是这个网站当然只有你自己才能够访问到了!相对链接的写法 

 

    上面我们明白了，相对链接确实比绝对链接方便许多。那么相对链接的写法是如何的呢?这里分三种情况： 

 

    1．被链接网页跟当前页在同一目录下，直接在链接栏写入文件名即可。 

 

    2．被链接网页在当前页所在目录的子目录下，写法如同前面举的例子，为“目录名／文件名”。 

 

    3．被链接网页在当前页所在目录的上级目录下，比如在前例的readerl．htm页面中我们想链接到上级目录的index．htm，则写入“..／index．htm”即可。“..／”表示返回上级目录。此外，“／”表示返回根目录，也就是不管你的当前页在多少级子目录里，只要链接“／ index．htm”，就可以返回到首页。 

 

    一点注意 

 

    这里还有一个容易出错的问题，就是我们做友情链接时，常常需要写入绝对链接以跳转到别人的网站。比如我们要链接到新浪网，链接就一定要写成“http：／／www．sina． com．cn”。这个“http：／／”绝对不能省略，否则也成了相对链接而找不到链接网站。