 |
||||||||
 |
|
|||||||
 
|
||||||||
 |
您现在的位置： 极品网 >> 电脑学院 >> 网页设计 >> 经验技巧 >> 教程正文 |
|
||||||||||||||||||||||
|
||||||||||||||||||||||
|
|||||
| 相对路径和绝对路径在网页中的用途 | |||||
| 作者：佚名 教程来源：不详 点击数： 更新时间：2007-7-16 | |||||
|
|
|||||
那什么是相对路径？什么是绝对路径呢？为什么使用了绝对路径有时就不能显示呢？让我们一起来认识一下它们吧。
比如C盘的My Pictures目录下有一个tp.jpg图像，那么它的路径就是c:My pictures p.jpg，其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg，它们的绝对路径是：
c:My picturesindex.htm
c:My pictures p.jpg
如果你使用了绝对路径c:My pictures p.jpg进行图片链接，那么在本地电脑中将一切正常，因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后，就不会正常了，因为服务器给你划分的存放空间可能在C盘其他目录中，也可能在D盘其他目录中，总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢？这里就必须使用相对路径了，所谓相对路径，顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My pictures p.jpg来定位文件，这样不论将这些文件放到哪里，只要它们的相对关系没有变，就不会出错。具体的链接方式是这样的：“..My picturesimg.jpg”，其中使用“..”来表示上一级目录，“....”表示上上级的目录，以此类推。
我们一起来看看初学的朋友可能犯的几个路径错误：
例1
c:mywedwedindex．htm
c:mywedimg p．jpg
在此例中，index.htm网页中有tp.jpg这个图片，因为两个文件同在Mywed目录下，所以初学者可能把图片链接写为img p.jpg，那么这样实际的链接就变为了C:mywedwedimg p.jpg，显然这是不正确的。正确的路径应该是相对路径..img p.jpg。
例2
c:mywedwedwed1index．htm
c:mywedimgimg1 p．jpg
在此例中，index.htm网页中有tp.jpg这个图片,初学者可能错误的把图片链接写为..imgimg1 p.jpg，那么这样转为绝对路径就是C:mywedwedimgimg1
tp.jpg了，因为在该目录下并没有此文件，所以显然这种链接是错误的。正确的应该是....imgimg1 p.jpg。
例3
c:mywedwedwedindex．htm
c:mywedwedimg p．jpg
在此例中，index.htm网页中有tp.jpg这个图片，初学者可能错误地把图片链接写为....img p.jpg，那么这样转为绝对路径就是C:mywedimg p.jpg了，因为在该目录下并没有此文件，所以显然这种链接是错误的。正确的应该是..img p.jpg。
通过上面三个例子，我们可以看到网页与图片所在目录相同的部分都可以使用“..”进行代替。
有的读者可能会有这样的疑惑：一个网站有许多的链接，我怎么能保证它们的连接都正确，如果我调整了一下图片或网页的存储路径，那不是全乱了么？为了提高工作效率，我们推荐大家使用Dreamweaver进行网站编辑，因为它有个站点管理功能，使用该功能绝对路径可以自动地转化为相对路径，并且当你在站点中改动文件路径时，与这些文件关联的连接路径都会自动更改，实在是方便极了！
| 最新热点 | 最新推荐 | 相关教程 | ||
| 初学者的困惑：网页路径问题 妙用“相对”实现网页图层位 Dreamweaver 中层的相对定位 Dreamweaver MX 动态建站数据 Dreamweaver数据库连接路径用 郁闷QQ更新后QQ医生说发现木 为什么进入DOS打入GHOST的路 谁知道DOS 中的edit 命令的用 这个字符串相对应的密码是什 【相对路径】想知道最全的系 |
 网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） |
