html路径详解,详解HTML相对路径和绝对路径

相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。

绝对路径:以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。

以下为建立路径所使用的几个特殊符号,表达的意义如下

.代表目前所在的目录

..代码上一级目录

/代码根目录

相对路径和决定路径的区别:相对路径不带有盘符,通常是以html网页文件为起点,通过层级关系描述目标图像的位置,相对于文件自身出发,就是相对路径

主要有以下几种情况:

①文件和图片(html文档)在同一个目录(文件夹) ,直接写文件名。

②图片(html文档)在文件在下一级目录里。文件夹名称+/+图片(html)名称

③图片(html)在文件的上一级目录里,..+/+图片(html)名称

④图片在文件的上一级的其他目录里,../文件夹名称/图片名称

⑤总结:找到下一级目录(文件夹)的图片(文件)用 /    跳出当前目录使用../

⑥注意:一个点代表当前路径,两个点代表上级路径。一个点可以连同它后面的/不用写。两个点必须写/

436fee0116360e22eecb3f3b2efea5ef.png

绝对文件路径是指向一个因特网文件的完整 URL:

例如:64a82a59816be43d09e3b4c40e34ed6b.png

好习惯

使用相对路径是个好习惯,如果使用了相对路径,那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/572913.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

#65279导致页面顶部空白一行解决方法

今天做了两个静态html页面,在浏览器中测试的时候,发现其中一个html页面的顶部多出了些许空白,而另一个页面显示正常。在浏览器中进行了审查对比,发现有空白的那个页面的head标签里面的元素全部跑到了body里面,而且body…

怎么把桌面计算机放到快速启动栏,怎么把桌面图标放到快速启动栏

1. 如何把桌面图标放于快速启动栏拖动图标到任务栏,之后删除桌面图标不行的话点击“开始”菜单→“运行”命令,在弹出的“运行”对话框中输入 regsvr32 /n /i:u shell32 后回车,丢失的图标便又重新回到快速启动栏了再不行的话在Windows操作系…

js 两个map合并为一个map_ArcGIS API for JS3.x教程二:构建第一个简单的程序

本文衔接上文&#xff1a;不睡觉的怪叔叔&#xff1a;ArcGIS API for JS3.x教程一&#xff1a;本地开发环境配置​zhuanlan.zhihu.com一、创建简单的HTML文档创建一个简单的HTML文档&#xff1a;<!DOCTYPE html> <html lang"en"> <head><meta c…

计算机主机组成部分和功能,电脑的组成部分及作用

对于很多人来讲&#xff0c;电脑的使用似乎是一件很稀松平常的事情了。但是对于一些新手或者是一些初学者来说&#xff0c;电脑的相关组成部件还有相应的作用都不是很熟悉&#xff0c;那么电脑的组成部分及作用是什么呢?下面是学习啦小编收集的关于电脑的组成部分及作用&#…

android8 通知呼吸灯_正在消失的功能,为什么越来越多的手机没有呼吸灯?你知道原因吗...

正在消失的功能&#xff0c;为什么越来越多的手机没有呼吸灯&#xff1f;你知道原因吗其实说到手机呼吸灯&#xff0c;大家应该都不陌生&#xff0c;毕竟如果你有心心念念的人儿&#xff0c;每次呼吸灯闪烁&#xff0c;都会迫不及待的打开手机查看消息&#xff0c;想看看是不是…

巴川数据科学炼成记_【脑王直通车】小小记忆高手炼成记

“ 记住150个随机数字&#xff0c;你需要多久&#xff1f;【脑王直通车】第8站到来&#xff0c;杨老师将他在《最强大脑》比赛中运用的记忆方法倾囊相授&#xff0c;孩子们变身小小记忆高手&#xff01;”记忆探秘你们知道记忆是什么吗&#xff1f;我们从小到大&#xff0c;无论…

lrange是取出所有值并移除么_图解双指针 | LeetCode 27. 移除元素

题目描述 原题链接&#xff1a;LeetCode 27. 移除元素给定一个数组 nums 和一个值 val&#xff0c;你需要原地移除所有数值等于 val 的元素&#xff0c;返回移除后数组的新长度。不要使用额外的数组空间&#xff0c;你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成…

Effective前端5:减少前端代码耦合

什么是代码耦合&#xff1f;代码耦合的表现是改了一点毛发而牵动了全身&#xff0c;或者是想要改点东西&#xff0c;需要在一堆代码里面找半天。由于前端需要组织js/css/html&#xff0c;耦合的问题可能会更加明显&#xff0c;下面按照耦合的情况分别说明&#xff1a; 1. 避免全…

戴尔笔记本电脑的计算机配置在哪,戴尔电脑的便签在哪里?笔记本电脑怎么设置便签?...

戴尔电脑是国内一些用户所使用的电脑品牌。如果戴尔电脑安装的是Windows系统&#xff0c;是可以在电脑附件中找到系统自带的便笺或者Sticky Notes工具的&#xff0c;可以粘贴在电脑桌面上记录简单的文字内容&#xff0c;但并不支持设置待办提醒事项。除了系统自带便笺之外&…

柔性体没有应变_边坡防护终结篇!柔性防护系统(主被动网)知识总结!

筑龙岩土20万岩土人在这里关注来源&#xff1a;北京科技大学课件版权归原作者所有有粉丝一定发现我们推送的几篇关于边坡防护与加固的文章&#xff0c;均整理自北京科技大学的课件。没有注意到的可以回顾一下下面的系列文章&#xff0c;今天还剩最后一小点&#xff0c;落石防护…

十六周个人作业

计划估计此程序需要3-5天。 开发需求分析用户故事&#xff1a;作为一个观众&#xff0c;我希望了解某一场比赛的比分&#xff0c;以便了解赛况。&#xff08;满意条件&#xff1a;精确到每一局的结果比分&#xff09;。 从分析用例故事可以知道完成此程序需要这两项任务&#x…

迁徙图_虾米音乐上的原住民会迁徙去哪呢?

一石激起千层浪。最近&#xff0c;认证为「前华纳音乐/环球音乐中国区市场总监」的相征(今年因《乐队的夏天》走红)发微博称&#xff1a;江湖传闻&#xff0c;虾米音乐明年1月份关闭&#xff0c;一个时代要结束了吗&#xff1f;时代是没那么容易结束的。只不过&#xff0c;每一…

个人作业

.计划 3天 .开发 .需求分析 用户故事&#xff1a;作为一个观众&#xff0c;我希望了解某一场比赛的比分&#xff0c;以便了解赛况。&#xff08;满意条件&#xff1a;精确到每一局的比分&#xff09;。 任务&#xff1a; 观众可以选择查看每局的比分&#xff0c;也可以查看每一…

xp做打印服务器 找不到驱动,XP系统安装打印机驱动提示找不到指定的模块怎么办...

‍‍今天一位用户反馈说XP系统安装打印机驱动提示“找不到指定的模块”&#xff0c;导致打印机驱动没办法正常使用&#xff0c;怎么办呢&#xff1f;如果已经安装过打印机驱动失败&#xff0c;可以先卸载&#xff0c;在重启电脑。接下去教程和大家分享XP系统安装打印机驱动提示…

判断点在多边形内部

项目的需要&#xff0c;需要判断点在多边形的内部&#xff0c;是整个算法必要的步骤&#xff0c;查了一些资料&#xff0c;中文很少&#xff0c;英文资料已经介绍的很清楚了&#xff0c;这里只是总结一下。 问题的完整描述是判断平面上一点在多边形的内部、外部或者边界上。 有…

服务器操作系统策略,服务器操作系统策略

服务器操作系统策略 内容精选换一换Windows操作系统的云服务器由于管理员设置的策略&#xff0c;该磁盘处于脱机状态&#xff0c;提示&#xff1a;由于管理员设置的策略&#xff0c;该磁盘处于脱机状态&#xff0c;如图1所示。Windows操作系统SAN策略分为三种类型&#xff1a;O…

as安装过程中gradle_在安装钢结构平台过程中需要注意哪些事项?

钢制平台货架是在厂房面积有限的情况下采用货架作为阁楼支撑&#xff0c;并可以设计多层&#xff08;通常2&#xff5e;3层&#xff09;的存储货架&#xff0c;阁楼可以采用楼梯或者液压升降平台做为登高设施&#xff0c;利用金属专用楼板作为楼层区分&#xff0c;每层可以放置…

服务器的显示器设置方法,服务器的显示器设置方法

服务器的显示器设置方法 内容精选换一换远程登录Windows弹性云服务器后&#xff0c;修改分辨率设置。不同版本的Windows操作系统&#xff0c;操作略有差异&#xff0c;本节以Windows Server 2016 标准版 64bit为例&#xff0c;介绍如何修改Windows弹性云服务器的分辨率。通过VN…

java解压服务器文件夹,java获取远程服务器上的文件夹

java获取远程服务器上的文件夹 内容精选换一换安装X722板载网卡驱动软件包&#xff0c;使裸金属服务器支持在v5服务器上下发。其他类型服务器可跳过此步骤。本文以Windows Server 2016为例&#xff0c;Windows Server 2012 R2与之类似。解压缩准备工作中的“onboard_driver_win…

矩阵求多元函数的通解_Hessian矩阵

黑塞矩阵(Hessian Matrix)&#xff0c;是一个多元函数的二阶偏导数构成的方阵&#xff0c;描述了函数的局部曲率。黑塞矩阵常用于牛顿法解决优化问题&#xff0c;利用黑塞矩阵可判定多元函数的极值问题。在工程实际问题的优化设计中&#xff0c;所列的目标函数往往很复杂&#…