热门标签 | 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",直接用这样的地址设立超链接过后在本地浏览自然是没啥问题,但是放到网上问题就大了,链接变得全部都不能点了不是?所以变成基本上采用相对路径。

绝对路径的好处是什么?

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



推荐阅读
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 掌握远程执行Linux脚本和命令的技巧
    本文将详细介绍如何利用Python的Paramiko库实现远程执行Linux脚本和命令,帮助读者快速掌握这一实用技能。通过具体的示例和详尽的解释,让初学者也能轻松上手。 ... [详细]
  • 使用Vultr云服务器和Namesilo域名搭建个人网站
    本文详细介绍了如何通过Vultr云服务器和Namesilo域名搭建一个功能齐全的个人网站,包括购买、配置服务器以及绑定域名的具体步骤。文章还提供了详细的命令行操作指南,帮助读者顺利完成建站过程。 ... [详细]
  • 使用Python在SAE上开发新浪微博应用的初步探索
    最近重新审视了新浪云平台(SAE)提供的服务,发现其已支持Python开发。本文将详细介绍如何利用Django框架构建一个简单的新浪微博应用,并分享开发过程中的关键步骤。 ... [详细]
  • 本文探讨了如何在 PHP 的 Eloquent ORM 中实现数据表之间的关联查询,并通过具体示例详细解释了如何将关联数据嵌入到查询结果中。这不仅提高了数据查询的效率,还简化了代码逻辑。 ... [详细]
  • 在Python开发过程中,随着项目数量的增加,不同项目依赖于不同版本的库,容易引发依赖冲突。为了避免这些问题,并保持开发环境的整洁,可以使用Virtualenv和Virtualenvwrapper来创建和管理多个隔离的Python虚拟环境。 ... [详细]
  • 创建项目:Visual Studio Online 入门指南
    本文介绍如何使用微软的 Visual Studio Online(VSO)创建和管理开发项目。作为一款基于云计算的开发平台,VSO 提供了丰富的工具和服务,简化了项目的配置和部署流程。 ... [详细]
  • Docker的安全基准
    nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ... [详细]
  • 优化联通光猫DNS服务器设置
    本文详细介绍了如何为联通光猫配置DNS服务器地址,以提高网络解析效率和访问体验。通过智能线路解析功能,域名解析可以根据访问者的IP来源和类型进行差异化处理,从而实现更优的网络性能。 ... [详细]
  • PostgreSQL 10 离线安装指南
    本文详细介绍了如何在无法联网的服务器上进行 PostgreSQL 10 的离线安装,并涵盖了从下载安装包到配置远程访问的完整步骤。 ... [详细]
  • 易飞扬宣布推出新型低成本100G OTU4光模块,以满足DPI市场的需求。新产品包括100G CFP2 LR4 10KM和100G OTU4 QSFP28 LR4光模块,具备低功耗和高性能特点。 ... [详细]
  • 深入解析TCP/IP五层协议
    本文详细介绍了TCP/IP五层协议模型,包括物理层、数据链路层、网络层、传输层和应用层。每层的功能及其相互关系将被逐一解释,帮助读者理解互联网通信的原理。此外,还特别讨论了UDP和TCP协议的特点以及三次握手、四次挥手的过程。 ... [详细]
  • 本文详细介绍了在 Windows 2000 系统中启用 TELNET 服务时需要注意的 NTLM 配置问题,帮助用户解决常见的身份验证失败错误。 ... [详细]
  • 本文详细介绍了 Flink 和 YARN 的交互机制。YARN 是 Hadoop 生态系统中的资源管理组件,类似于 Spark on YARN 的配置方式。我们将基于官方文档,深入探讨如何在 YARN 上部署和运行 Flink 任务。 ... [详细]
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社区 版权所有