相对路径

路径是指一个文件存储的位置，分为相对路径和绝对路径，相对路径是指当前文件所在位置为参考点而建立的路径。假设有如下图所示的路径：

index.html文件的源代码如下

<body><img scr="../images/dog.jpg"/>
</body>

解析

<img>的src属性值"../images/dog.jpg"是一个路径，这个路径是以当前文件（index.html）所在目录为参考点的。../表示参考点的上一级目录，因此"../images/dog.jpg"，表示退到当前文件的上一级目录，再进入到下一级目录images中找到图片dog.jpg，这种路径称为相对路径。相对路径的优点在于无论html目录移动到什么位置，index.html文件总能找到dog.jps文件，因此图片显示正常。

绝对路径

绝对路径是以硬盘根目录或站点根目录为参考点而建立的路径。代码如下;

<body><img src="file://C|/html/images/dog.jpg">
</body>

解析

<img>的src属性值"file://C|/html/images/dog.jpg"是一个路径，这个路径是以硬盘根目录（c:/）为参考点的，当前网页文件（index.html）将引用c:\html\images\dog.jpg文件，这种路径称为绝对路径。

当将html目录移动到其他位置的时候，index.html文件就无法找到dog.jpg文件，因此图片显示错误。在网页制作中推荐使用相对路径。

绝对路径与相对路径（在网页制作中的应用）相关推荐

网页制作中绝对路径和相对路径的区别
网页制作中绝对路径和相对路径的区别 http://www.veryhuo.com 烈火网 2012-10-10 投递稿件做个开发的人,对于文件或者文件夹的定义都是有一定的规范的,比如建立一个网站前端 ...
html网页制作浮动框架,浮动框架在网页制作中使用技巧.doc
浮动框架在网页制作中使用技巧浮动框架在网页制作中使用技巧摘要:首先介绍了浮动框架的应用特点,然后结合实际的使用技巧介绍了在浮动框架中:可以制作与其它页面之间的链接,设置浮动框架的滚动条及区域的颜色, ...
怎样在html网页中加入一段话,网页制作中十分常用的十一句话
网页制作中非常常用的十一句话整理了一些比较实用的网站设计时常用的代码,代码很简单,只有一行,不需要理解多高深的JS或者HTML知识,按照提示把相应的代码加入到网页模板中即可得到你想要的效果. 1:进 ...
html网页在指定位置嵌入表格,网页制作中表格的主要作用网页制作中插入表格怎么调整位置...
在网页设计中,表格有什么重要作用 1．当需要提交所有数据时,可以提交整个100个表,如果不使用表,可以逐个提交. 2．表格设计简洁美观,方形,与网页的设计非常一致. 3．网站其实是一个大版本的表格,数 ...
学习网页制作中如何在正确选取和使用 CSS 单位
在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...
网页制作中规范使用DIV+CSS命名规则（转）
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则内容如下: 页头:header 如:#header{属性:属性值;}或.h ...
audio插入背景音乐_网页制作中的html插入背景音乐
网页制作中的 html 插入背景音乐方法有很多,具体如下: 第一种:在页面代码中的之间加入 src=" 音乐 url" loop="-1"> 这段代码 ...
【转】网页制作中的CSS+DIV：dl,dt,dd分别表示什么意思啊？请说明啊，谢谢有什么功能？...
网页制作中的CSS+DIV:dl,dt,dd分别表示什么意思啊?请说明啊,谢谢有什么功能? <dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(" ...
html语言中hr是什么意思,网页制作中的hr是什么意思
网页制作中的hr是一个标签,该标签用来在html页面中创建一条水平线,这条水平线可以在视觉上将文档分割成两个部分,使用方法如[ ]. HR,是网页程序的标签语言, 标签在 HTML 页面中创建一条水平 ...

绝对路径与相对路径（在网页制作中的应用）

相对路径

绝对路径

绝对路径与相对路径（在网页制作中的应用）相关推荐

最新文章

热门文章