绝对路径与相对路径

在页面布局时，有很多地方都会用到绝对路径与相对路径。如在设置背景图片，还有超链接，还有引入各种文件，都会用到相对路径与绝对路径。

1 绝对路径

绝对路径：绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。完整的描述文件位置的路径就是绝对路径，以web站点根目录为参考基础的目录路径。绝对路径名的指定是从树型目录结构顶部的根目录开始到某个目录或文件的路径，由一系列连续的目录组成，中间用斜线分隔，直到要指定的目录或文件，路径中的最后一个名称即为要指向的目录或文件。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。（来源百度百科）

1.1绝对路径（盘符）

D盘下有一个images文件夹，images文件夹里有一个images1文件夹，images文件夹下面放了两张图片

拿1.jpg举例，这时绝对路径就写成：
D:\images\images1/1.jpg

1.2绝对路径（网址）

打开网页的一张图片，右击，复制图像地址，这时候的地址就是绝对路径（网址）。

2 相对路径

相对路径：相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。使用相对路径可以为我们带来非常多的便利。（来源百度百科） 在开发中一般都采用相对路径。

2.1 相对路径(平级)

当index.html中的img想用1.png此时是同级，直接写图片名

<img src="1.png">

2.2 相对路径(上一级)

**当index.html中的img想用1.png时(images相对于index.html处在它的上一级，此时要用…/转换为同级，然后写images/i.png)**相当于先跳出html文件夹，到达平级再进入images去访问图片

<img src="../images/1.png");

2.3 相对路径(下一级)

当index.html中的img想用1.png时(此时1.png相对于index.html处于下一级，此时要先进入images文件夹，才能访问1.png)

<img src="data:images/1.png">

关于绝对路径与相对路径（详细）相关推荐

svn更新路径，解决办法详细步骤，eclipse里面的更新方法，svn废弃位置，Windows环境，svn服务器地址换了，如何更新本地工作目录
svn更新路径,解决办法详细步骤,eclipse里面的更新方法,svn废弃位置,Windows环境,svn服务器地址换了,如何更新本地工作目录参考文章: (1)svn更新路径,解决办法详细步骤,ec ...
Python：更改默认启动的python程序及其对应的安装包路径(更改pip的默认安装包的路径)图文教程之详细攻略
Python:更改默认启动的python程序及其对应的安装包路径(更改pip的默认安装包的路径)图文教程之详细攻略目录更改默认启动的python程序及其对应的安装包路径 1.先找到默认安装包路径
HTML，img标签src路径错误及src路径图片无法显示问题，相对路径和绝对路径，超级详细的新手教程。
img标签src路径图片无法显示的原因. 1.路径问题,路径可分为绝对路径和相对路径. (1)绝对路径:很多编译器不能把图片的绝对路径解析出来,因此图片无法在网页中显示,而且在开发过程中,一般都是使用 ...
Web开发中的相对路径和绝对路径
在学习HTML的时候一定会遇到引入文件和链接跳转页面,比如:JS文件.CSS文件.Image图片.我们就会考虑是相对路径和绝对路径的问题.下面PHP程序员雷雪松就详细讲解下Web开发中的相对路径和绝对 ...
【Anychat音视频开发】相对路径与绝对路径详解
表示文件路径的方式有两种,相对路径和绝对路径.在网页设计中通过路径可以表示链接,插入图像.Flash.CSS文件的位置. 相对路径:以当前文件所在位置为参考点,而建立出的目录路径. 绝对路径:以Web ...
File IO（NIO.2）：路径类和路径操作
路径类 Java SE 7版本中引入的Path类是java.nio.file包的主要入口点之一.如果您的应用程序使用文件I / O,您将需要了解此类的强大功能. 版本注意:如果您有使用java.io. ...
html相对路径载入页面,html页面的绝对路径和相对路径
在用springmvc架构开发网站的过程中,离不开开发前台html页面,html经常需要使用本地相关的资源,如:图片,js,css等,一般情况下,我们可以通过使用相对路径的方式来对这些资源进行指向和访 ...
linux 软链接相对路径,Linux入门之ln命令创建软链接的绝对路径和相对路径详解（Ubuntu）...
ln命令创建软链接的绝对路径和相对路径详解简介 ln命令总结简介 Linux链接,可以分为硬链接与软链接:本文主要介绍软链接.(默认情况下,ln命令产生硬链接) 软链接文件类似于Windows的 ...
Web 图片引用之相对路径与绝对路径
欢迎来我的博客查看原文. 相对路径与绝对路径,在 Web 开发中我们会经常遇到,本文将尽可能详细的讲解相对路径与绝对路径的区别,并举例说明. 一.基本概念相对路径(Relative Path): 相 ...
显示unc路径服务器根目录,路径解释：绝对、相对、UNC 和 URL
您每天都通过路径浏览至数据和工具箱.本主题将详细讨论以下方面内容:路径.定义不同类型的路径以及 ArcGIS 对路径的管理方式.路径和路径名路径路径是由斜线分割的目录名的列表,后面连接目录名或文件名 ...

关于绝对路径与相对路径（详细）