网页制作中绝对路径和相对路径的区别
网页制作中绝对路径和相对路径的区别
很多文件之下单个页面的连接,文件引用的时候就需要对路径这个问题有一定的了解;或者对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超链接的代码应该这样写:
<a href = "index.html">index.html</a>
如何表示上级目录
../表示源文件所在目录的上一级目录,http://www.cnblogs.com/表示源文件所在目录的上上级目录,以此类推。
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html 在info.html加入index.html超链接的代码应该这样写:
<a href = "../index.html">index.html</a>
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\index.html 在info.html加入index.html超链接的代码应该这样写:
<a href = "http://www.cnblogs.com/index.html">index.html</a>
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html 在info.html加入index.html超链接的代码应该这样写:
<a href = "../wowstory/index.html">index.html</a>
如何表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html 在info.html加入index.html超链接的代码应该这样写:
<a href = "html/index.html">index.html</a>
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html 在info.html加入index.html超链接的代码应该这样写:
<a href = "html/tutorials/index.html">index.html</a>
HTML绝对路径(Absolute Path)
HTML绝对路径(absolute path)指带域名的文件的完整路径。
假设你注册了域名www.abc.com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。
假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是: http://www.abc.com/index.html。
假设你在www根目录下建了一个目录叫html_tutorials,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是http://www.abc.com/html_tutorials/index.html。
转载于:https://www.cnblogs.com/zhang36/p/4881899.html
网页制作中绝对路径和相对路径的区别相关推荐
- 绝对路径与相对路径(在网页制作中的应用)
相对路径 路径是指一个文件存储的位置,分为相对路径和绝对路径,相对路径是指当前文件所在位置为参考点而建立的路径.假设有如下图所示的路径: index.html文件的源代码如下 <body> ...
- 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 页面中创建一条水平 ...
最新文章
- 消防报警联动监控计算机中心,楼宇消防报警联动监控计算机中心实验设备
- UPS电源报警器一直响是什么问题?
- 互联网1分钟 |1224
- 2018-2019-2 20165221 【网络对抗技术】-- Exp9 Web安全基础
- mac 系统安装 eclipse 方法
- css专业名词,CSS进阶系列一(flex布局基础知识——介绍、规范、主要思想、专业术语)...
- Android系统(2)---init.rc知识
- 把Rust和Servo引入Firefox
- mongodb 远程连接
- Echarts地图的基本使用方法
- 【开发经验】mysql有效防止删库跑路!
- python 3d绘图立方体_Python3使用turtle绘制超立方体图形示例
- 2048版俄罗斯方块java_Java版俄罗斯方块
- 基于 MQTT 通讯一个简单的 Java工程
- adf机器_STOLL机器——ADF-3 681000 机器赏析
- FlushMouseMsgBuffer
- 软件行业职位英文缩写介
- 第十二讲 dom对象(DOM对象、document对象的常用方法、节点、查找结点、 查看/修改/删除属性节点、创建和增加节点)
- java毕业设计大学生二手物品交易网站演示记录2021Mybatis+系统+数据库+调试部署
- 使用localStorage完成Vue项目中的历史搜索