dw相对路径怎么改_Dreamweaver绝对路径和相对路径

在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。

1.绝对路径

绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:＼book网页布局代码第2章”目录下，那么“bg.jpg”这个图片的绝对路径就是“E:＼book网页布代码第2章＼bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用以下语句：

2.使用绝对路径的缺点

事实上，在网页编程时，很少会使用绝对路径，如果使用“E:＼book网页布代码第2章＼bg.jpg”来指定背景图片的位置，在自己的计算机上浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时，可能整个网站并没有放在Web服务器的E盘，有可能是D盘或H盘。即使放在Web服务器的E盘里，Web服务器的E盘里也不一定会存在“E:＼book网页布局代码第2章”这个目录，因此在浏览网页时是不会显示图片的。

3.相对路径

为了避免这种隋况发生，通常在网页里指定文件时，都会选择使用相对路径。所谓相对路径，就是相对于自己的目标文件位置。例如上面的例子，“s1.htm”文件里引用了“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.htm”来说，是在同一个目录的，那么要在“s1.htm”文件里使用以下代码后，只要这两个文件的相对位置没有变(也就是说还是在同一个目录内)，那么无论上传到Web服务器的哪个位置，在浏览器里都能正确地显示图片。

再举一个例子，假设“s1.htm”文件所在目录为“E:＼book网页布局代码第2章”，而“bg.jpg”图片所在目录为“E:＼book网页布局代码第2章img”，那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的“img”子目录里，则引用图片的语句应该为：

注意：相对路径使用“/”字符作为目录的分隔字符，而绝对路径可以使用“”或“/”字符作为目录的分隔字符。由于“img”目录是“第2章”目录下的子目录，因此在“img”前不用再加上“/”字符。

在相对路径里常使用“../”来表示上一级目录。如果有多个上一级目录，可以使用多个“../”，例如“../../”代表上上级目录。假设“s1.htm”文件所在目录为“E:＼book网页布局代码第2章”，而“bg.jpg”图片所在目录为“E:＼book网页布局代码”，那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的上级目录里，则引用图片的语句应该为：

再举一个例子，假设“s1.htm”文件所在目录为“E:＼book网页布局代码第2章”，而“bg.jpg”图片所在目录为“E:＼book网页布局代码img”，那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的上级目录里的“img”子目录里，则引用图片的语句应该为：

4.相对虚拟目录

有关相对路径还有一个比较特殊的表示：“相对虚拟目录”。请看下面的例子：

在这个例子里，background属性的值为“/img/bg.jpg”，注意在“img”前有一个“/”字符。这个“/”代表的是虚拟目录的根目录.假设把“E:＼book网页布局代码”设为虚拟目录，那么“/img/bg.jpg”的真实路径为“E:＼book网页布局代码img／bg.jpg”;如果把“E:＼book网页布局代码第2章”设为虚拟目录，那么“/img/bg.jpg”的真实路径为“E:＼book网页布局代码第2章imｇ／bg.jpg”

dw相对路径怎么改_Dreamweaver绝对路径和相对路径相关推荐

dw相对路径怎么改_Dreamweaver CC
Dreamweaver CC教程:文档相对路径文档相对路径对于大多数 Web 站点的本地链接来说,文档相对路径通常是最合适的路径.在当前文档与所链接的文档或资产位于同一文件夹中,而且可能保持这种 ...
dw连接mysql数据库原理_Dreamweaver数据库路径是什么
Dreamweaver数据库路径是什么一个可视化的网页设计工具,一个HTML编辑器,支持最新的HTML标准,包括动态 HTML.在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式.下面是小编为大家 ...
sql服务器文件夹共享,sqlserver2017共享功能目录路径不可改的解决方法
注意:什么路径不可改就搜索该路径进行删除注册表记录,然后重启电脑按 win键盘+R输入 regedit 进去注册表,点击计算机按"编辑"-->查找下一个需要等一些时间结 ...
Tips--更改Jupyter Notebook的默认工作路径
更改Jupyter Notebook的默认工作路径 1. 寻找配置文件路径 2. 修改Jupyter配置文件 3. 更改Jupyter Notebook快捷方式属性 Jupyter Notebook默 ...
电脑怎么改网络ip地址_电脑的桌面路径怎么改？
电脑的桌面路径怎么改? 一些用户比较喜欢将一些常用的文件放在电脑桌面,但是电脑桌面默认是放在C盘,而绝大部分的人的电脑C盘都是系统盘,电脑开关机都会扫描到,文件过多会影响速度,这个盘一旦爆满,没有磁盘 ...
Windows无法格式化改卷，改卷已脱机，请尝试首先向改卷分配驱动器号或路径使其联机
装window系统和ubuntu系统的时候,由于操作不当装完了ubuntu后进入Windows磁盘脱机读取不出来,磁盘偶尔能显示出来,但是怎么也打不开,总是提醒请尝试首先向改卷分配驱动器号或者路径使其 ...
js相对路径相关（比如：js中的路径依赖导入该js文件的路径）
问题描述: 前几天调用同事的js接口文件,在他自己的html测试页面ok,在我这边调用时出现问题. debug过程中,将该测试html移到其他位置都不行,放到原html测试页面同层次路径下是OK的. ...
mysql数据库连接配置路径_关于mysql安装后更改数据库路径方法-linux环境
使用yum安装mysql后,数据库路径一般和日志文件放在一个分区/var路径下. 久后,随着日志文件的增加,数据库的存放大小会显得不足,因此,建议安装mysql后将数据库路径更改到一个更加合理的分区存 ...
mysql更改安装路径6_关于mysql安装后更改数据库路径方法-Centos6环境
使用yum安装mysql后,数据库路径一般和日志文件放在一个分区/var路径下. 久后,随着日志文件的增加,数据库的存放大小会显得不足,因此,建议安装mysql后将数据库路径更改到一个更加合理的分区存 ...
html绝对路径引入桌面图片,imgsrc=如何显示绝对路径的图片?_html/css_WEB-ITnose
如题, 比如我想显示http://..../https://img.gxlcms.com/C:\img\aaa.jpghttp://..../ 该如何写?http://..../ http://... ...

dw相对路径怎么改_Dreamweaver绝对路径和相对路径

dw相对路径怎么改_Dreamweaver绝对路径和相对路径相关推荐

最新文章

热门文章