热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

vhtmlimg相对路径绝对路径,绝对路径和相对路径

什么是绝对路径?什么是相对路径?这里打个小比喻,你从起点开始走到了终点,但是你突然发现你想要去的是另一个地方。绝对路径就是让

什么是绝对路径?什么是相对路径?这里打个小比喻,你从起点开始走到了终点,但是你突然发现你想要去的是另一个地方。绝对路径就是让你二话不说回到起点重新开辟另一条道路,相对路径就是以现在的终点作为起点,教你如何去到你想去的那个地方。

那么两者之间的区别在哪里呢?

绝对路径

这是绝对路径:"//www.w3cschool.cn/feijishu/4g721px5.html"

相对路径

这是主页"//www.w3cschool.cn/"上显示的相对路径:"feijishu/4g721px5.html"

如果是一样的目录里的不同页面,比方说在"//www.w3cschool.cn/project/feijishu/mp4f1pnq.html"上显示的相对路径就是:"./4g721px5.html"

万一你的起点是"//www.w3cschool.cn/html/tutorial/"不能简单从这个目录继续,还得后退到上一个目录的时候该怎么办呢?这时候就要写作“../feijishu/4g721px5.html”

后退两个目录就加两个“../”,以此类推,比如说你在"//www.w3cschool.cn/project/feijishu/4g721px5.html",这时候的相对路径就是“../../feijishu/4g721px5.html”

特别规则

最后是以“/”开头的,那就表示直接回到起点重新开始。网址如果有太多层目录,比如说"//www.w3cschool.cn/A/B/C/D/E/F"(网站里找不到这么深目录的网址,就随便来一个嘿嘿嘿),这时候我们简单粗暴地用“/”开头,就直接回到根目录,然后再顺着向下查找/feijishu/4g721px5.html”。所以要记得,其它相对路径的规则前面是不加“/”的哟!

重点

/ :表示根目录

./ :表示当前目录

../ : 表示上一级目录(../../上二级)

43098f7bf07d3e8069e116da2b61a728.png

相对路径的好处是什么?

因为网站经常是在本地搭建测试过后才上传到服务器的,这时候网址就会变成本地路径,比如说"E:/feijishu/4g721px5.html",直接用这样的地址设立超链接过后在本地浏览自然是没啥问题,但是放到网上问题就大了,链接变得全部都不能点了不是?所以变成基本上采用相对路径。

绝对路径的好处是什么?

既然相对路径这么方便,为什么我们最终看到的网站呈现出来的都是绝对路径?这自然是为了方便搜索引擎的抓取,所以进行了一次转换。顺着绝对路径蜘蛛可以爬向主域名甚至各个目录,但是如果使用相对路径的话,它就会循规蹈矩地按照指示走下去。



推荐阅读
  • PHP中Smarty模板引擎自定义函数详解
    本文详细介绍了如何在PHP的Smarty模板引擎中自定义函数,并通过具体示例演示了这些函数的使用方法和应用场景。适合PHP后端开发者学习。 ... [详细]
  • 本文提供了一个详尽的前端开发资源列表,涵盖了从基础入门到高级应用的各个方面,包括HTML5、CSS3、JavaScript框架及库、移动开发、API接口、工具与插件等。 ... [详细]
  • 本文探讨了使用Python实现监控信息收集的方法,涵盖从基础的日志记录到复杂的系统运维解决方案,旨在帮助开发者和运维人员提升工作效率。 ... [详细]
  • 笔记说明重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系& ... [详细]
  • 本文回顾了作者在求职阿里和腾讯实习生过程中,从最初的迷茫到最后成功获得Offer的心路历程。文中不仅分享了个人的面试经历,还提供了宝贵的面试准备建议和技巧。 ... [详细]
  • 本文详细介绍如何安装和配置DedeCMS的移动端站点,包括新版本安装、老版本升级、模板适配以及必要的代码修改,以确保移动站点的正常运行。 ... [详细]
  • 本文由公众号【数智物语】(ID: decision_engine)发布,关注获取更多干货。文章探讨了从数据收集到清洗、建模及可视化的全过程,介绍了41款实用工具,旨在帮助数据科学家和分析师提升工作效率。 ... [详细]
  • 本文介绍了如何通过安装和配置php_uploadprogress扩展来实现文件上传时的进度条显示功能。通过一个简单的示例,详细解释了从安装扩展到编写具体代码的全过程。 ... [详细]
  • 本文详细探讨了 Android Service 组件中 onStartCommand 方法的四种不同返回值及其应用场景。Service 可以在后台执行长时间的操作,无需提供用户界面,支持通过启动和绑定两种方式创建。 ... [详细]
  • Hadoop MapReduce 实战案例:手机流量使用统计分析
    本文通过一个具体的Hadoop MapReduce案例,详细介绍了如何利用MapReduce框架来统计和分析手机用户的流量使用情况,包括上行和下行流量的计算以及总流量的汇总。 ... [详细]
  • 使用Python构建网页版图像编辑器
    本文详细介绍了一款基于Python开发的网页版图像编辑工具,具备多种图像处理功能,如黑白转换、铅笔素描效果等。 ... [详细]
  • 本文介绍如何使用R语言中的相关包来解析和转换搜狗细胞词库(.scel格式),并将其导出为CSV文件,以便于后续的数据分析和文本挖掘任务。 ... [详细]
  • 深入解析Unity3D游戏开发中的音频播放技术
    在游戏开发中,音频播放是提升玩家沉浸感的关键因素之一。本文将探讨如何在Unity3D中高效地管理和播放不同类型的游戏音频,包括背景音乐和效果音效,并介绍实现这些功能的具体步骤。 ... [详细]
  • 利用Node.js实现PSD文件的高效切图
    本文介绍了如何通过Node.js及其psd2json模块,快速实现PSD文件的自动化切图过程,以适应项目中频繁的界面更新需求。此方法不仅提高了工作效率,还简化了从设计稿到实际应用的转换流程。 ... [详细]
  • 本文详细介绍了如何在最新版本的Xcode中重命名iOS项目,包括项目名称、应用名称及相关的文件夹和配置文件。通过本文,开发者可以轻松完成项目的重命名工作。 ... [详细]
author-avatar
steveukuk
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有