html相对路径例子,相对路径
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。HTML绝对路径(absolute path)指带域名的文件的完整路径。
中文名
相对路径
外文名
Relative Path类 型
HTML语言
应 用
相对路径绝对路径和相对路径
编辑
语音
绝对路径:是从盘符开始的路径,形如C:\windows\system32\cmd.exe
相对路径:是从当前路径开始的路径,假如当前路径为C:\windows
要描述上述路径,只需输入system32\cmd.exe
实际上,严格的相对路径写法应为.\system32\cmd.exe
其中,.表示当前路径,在通道情况下可以省略,只有在特殊的情况下不能省略。
假如当前路径为c:\program files
要调用上述命令,则需要输入..\windows\system32\cmd.exe
其中,..为父目录。
当前路径如果为c:\program files\common files
则需要输入..\..\windows\system32\cmd.exe
另外,还有一种不包含盘符的特殊绝对路径,形如\windows\system32\cmd.exe
无论当前路径是什么,会自动地从当前盘的根目录开始查找指定的程序。
相对路径实例详解:
编辑
语音
文档相对路径一、例如在本地硬盘有如下两文件,它们要互做超链接G:\site\other\index.htm
G:\site\web\article\01.htm
如下表所示:
index.htm要想链接到01.htm这个文件,正确的链接应该是:../web\article\01.htm或者../web/article/01.htm
在超链接中../可以省略,在dos,或windows文件路径中../不可以省略。
反过来,01.htm要想链接到index.htm这个文件,在01.htm文件里面应该写上这句:../../other/index.htm
这里的 ../ 表示向上一级。
至此,你已经了解相对路径的概念了。
注意:相对路径的文件夹符号是斜杠:/
链接文字这样的链接,在href后面的第一个斜杠表示根目录,通常我们要特别慎用这种方式。
相对路径HTML的相对路径
编辑
语音
HTML相对路径(Relative Path)和绝对路径(Absolute Path)
HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......
如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。
为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。
HTML有2种路径的写法:相对路径和绝对路径。
相对路径同目录文件引用
"."——代表目前所在的目录。
我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html
html文件作为超链接。c:\Inetpub\wwwroot.
index.html
其实,可以省略"./"直接引用。
相对路径表示上级目录
../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。
/../include.php 就表示所在文件上一级目录(第一个杠就表示是在根目录下)!
假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html
index.html
假设index.html路径是:c:\Inetpub\wwwroot\index.html
index.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html
html路径是:c:\Inetpub\wwwroot\sites.
index.html
相对路径表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html
index.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超链接的代码应该这样写:
index.html
相对路径HTML绝对路径
HTML绝对路径(absolute path)指带域名的文件的完整路径。
表示源文件所在目录的上上级目录,以此类推。正确地引用文件,我们需要学习一下HTML路径。
假设你注册了域名baidubaikewww.seo-xy . com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。
假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是: baidubaikewww.seo-xy .com/index.html 假设你在www根目录下建了一个目录叫archives,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是baidu。baikewww.seo-xy. com/archives/206.html。
相对路径附注
编辑
语音
经过多次真实实验,证明:绝对路径不利于搜索引擎表现,相对路径在搜索引擎中表现良好。
词条图册
更多图册
html相对路径例子,相对路径相关推荐
- php cookie的位置,php 设置cookie路径例子总结
摘要 腾兴网为您分享:php 设置cookie路径例子总结,智慧医疗,有图相册,上汽大众,瑞幸咖啡等软件知识,以及钢琴英雄,天天锁屏,电气计算软件,民族证券小方,qq群匿名器,i世界,cad扩展工具, ...
- 相对路径和绝对路径(带例子,详解)
一.路径问题: 在SpringMVC中可能涉及路径问题的地方:链接.表单提交.重定向和转发 <a href=""></a> <form action= ...
- 基础 HTML之目录问题(相对路径和绝对路径区别)
一.相对路径和绝对路径 相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径.因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对. 绝对路径:以Web站点根目 ...
- 当前完整路径_Linux绝对路径和相对路径详解
Linux 系统中,文件是存放在目录中的,而目录又可以存放在其他的目录中,因此,用户(或程序)可以借助文件名和目录名,从文件树中的任何地方开始,搜寻并定位所需的目录或文件. 说明目录或文件名位置的方法 ...
- C++中相对路径和绝对路径
C++中相对路径与绝对路径以及斜杠与反斜杠的区别 文件路径 正斜杠和反斜杠 正斜杠,又称左斜杠,符号是"/":反斜杠,也称右斜杠,符号是"\".文件路径的表示可 ...
- img引Linux的绝对路径,什么是绝对路径和相对路径
在HTML里只要涉及文件的地方(如超级链接.图片等)就会涉及绝对路径与相对路径的概念. 1.绝对路径 绝对路径是指文件在硬盘上真正存在的路径.例如"bg.jpg"这个图片是存放在硬 ...
- File IO(NIO.2):路径类 和 路径操作
路径类 Java SE 7版本中引入的Path类是java.nio.file包的主要入口点之一.如果您的应用程序使用文件I / O,您将需要了解此类的强大功能. 版本注意:如果您有使用java.io. ...
- Python 相对路径、绝对路径的写法实例演示
Python 里的路径分相对路径和绝对路径. 绝对路径 绝对路径好理解,我们以Girl.py来举例子. 这就是它的绝对路径: "E:/Python/Lib/site_packages/Gir ...
- Java 相对路径和绝对路径的简单介绍
下面我来以结合项目的方式介绍一下相对路径和绝对路径 下面看项目的结构: / :表示根目录,即为WebRoot./ :表示当前目录比如在main.jsp 中访问css:<link rel=&quo ...
最新文章
- C++基本要点复习--------coursera程序设计实习(PKU)的lecture notes
- 在ubuntu 16.04下安装gitlab(摘抄中文官方网站)
- C++之 static 关键字
- 数据中心监控管理系统设计(之一)
- mysql 报错1045 - Access denied for user “root” @ 192.111.111.11 (using password: YES)
- mysql如何创建非管理员权限_mysql权限管理,一个非db管理员创建mysql的做法_MySQL...
- PHP网站使用JavaScript和Iframe简单实现部分刷新效果
- Springboot默认加载application.yml原理
- 中医移动医疗_中医之极简移动医疗
- IOS开发基础知识--碎片9
- STM32运行过程中降低系统时钟频率
- 基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
- Fiddler | fiddler的https设置/证书失效怎么办
- C 语言绘制指针式时钟
- php数字转换题目,PHP将整数数字转换为罗马数字实例分享
- 小数化分数c++(附做法数学证明)
- java 定时器 倒计时_Java:多种方式实现倒计时定时器
- Doxygen 安装使用
- 程序大牛必备精品社区
- python机器学习开源代码_Python简化代码机器学习库PyCaret 2.0发布