视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
HTML中绝对路径和相对路径的区别分析_HTML/Xhtml_网页制作
2020-11-27 16:47:32 责编:小采
文档
 如图:

很多文件之下单个页面的连接,文件引用的时候就需要对路径这个问题有一定的了解;或者对php 网络程序开发有了解的程序员都会对define和include结合定义变量路径和引用的有很多见解。

比如:

代码如下:
define('ROOT_PATH',dirname(__FILE__));
include(ROOT_PATH."/inc/webconfig.php");
include(ROOT_PATH."/inc/sysinfo.php");
include(ROOT_PATH."/inc/functions.php");
include(ROOT_PATH."/inc/db_sql.php");

这些都是我接下要分析的。

主要内容:

•相对路径和绝对路径的概念
•具体分析
相对路径和绝对路径的概念

操作系统课上是这样子说的,在文件查找上, 绝对路径:在树型目录结构中,从根节点到人一个数据文件或者目录文件都只有一条唯一的通路。将从根节点到一个数据文件的通路上经过的各个目录文件名和数据文件名用“/”连接起来,就形成了可用来访问这个数据文件的路径名;相对路径:可以为每个进程设置一个“当前目录”,又称为“工作目录”,这样每次查找文件就不需要机械地使用绝对路径,取而代之的是使用文件相对与当前目录的路径,这个就是相对路径。当然说的有点抽象,具体的请看下面我的分析主要应用在html

具体分析

HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?

如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。

为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。

HTML有2种路径的写法:相对路径和绝对路径。

HTML相对路径(Relative Path)

同一个目录的文件引用

如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html 在info.html加入index.html超链接的代码应该这样写:

index.html 如何表示上级目录
../表示源文件所在目录的上一级目录,http://www.gxlcms.com/表示源文件所在目录的上上级目录,以此类推。

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html 在info.html加入index.html超链接的代码应该这样写:

index.html 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\index.html 在info.html加入index.html超链接的代码应该这样写:

index.html假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html 在info.html加入index.html超链接的代码应该这样写:

index.html
如何表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html 在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html 在info.html加入index.html超链接的代码应该这样写:

index.htmlHTML绝对路径(Absolute Path)
HTML绝对路径(absolute path)指带域名的文件的完整路径。

假设你注册了域名www.gxlcms.com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。

假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是: http://www.gxlcms.com/index.html。

假设你在www根目录下建了一个目录叫html_tutorials,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是http://www.gxlcms.com/html_tutorials/index.html。

部分资料参考:相对路径与绝对路径的区别

下载本文
显示全文
专题