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

绝对路径的好处是什么?

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



推荐阅读
  • 本文讨论了在手机移动端如何使用HTML5和JavaScript实现视频上传并压缩视频质量,或者降低手机摄像头拍摄质量的问题。作者指出HTML5和JavaScript无法直接压缩视频,只能通过将视频传送到服务器端由后端进行压缩。对于控制相机拍摄质量,只有使用JAVA编写Android客户端才能实现压缩。此外,作者还解释了在交作业时使用zip格式压缩包导致CSS文件和图片音乐丢失的原因,并提供了解决方法。最后,作者还介绍了一个用于处理图片的类,可以实现图片剪裁处理和生成缩略图的功能。 ... [详细]
  • 本文介绍了使用cacti监控mssql 2005运行资源情况的操作步骤,包括安装必要的工具和驱动,测试mssql的连接,配置监控脚本等。通过php连接mssql来获取SQL 2005性能计算器的值,实现对mssql的监控。详细的操作步骤和代码请参考附件。 ... [详细]
  • 禁止程序接收鼠标事件的工具_VNC Viewer for Mac(远程桌面工具)免费版
    VNCViewerforMac是一款运行在Mac平台上的远程桌面工具,vncviewermac版可以帮助您使用Mac的键盘和鼠标来控制远程计算机,操作简 ... [详细]
  • 阿,里,云,物,联网,net,core,客户端,czgl,aliiotclient, ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
  • 本文介绍了使用PHP实现断点续传乱序合并文件的方法和源码。由于网络原因,文件需要分割成多个部分发送,因此无法按顺序接收。文章中提供了merge2.php的源码,通过使用shuffle函数打乱文件读取顺序,实现了乱序合并文件的功能。同时,还介绍了filesize、glob、unlink、fopen等相关函数的使用。阅读本文可以了解如何使用PHP实现断点续传乱序合并文件的具体步骤。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • 本文介绍了计算机网络的定义和通信流程,包括客户端编译文件、二进制转换、三层路由设备等。同时,还介绍了计算机网络中常用的关键词,如MAC地址和IP地址。 ... [详细]
  • 如何在服务器主机上实现文件共享的方法和工具
    本文介绍了在服务器主机上实现文件共享的方法和工具,包括Linux主机和Windows主机的文件传输方式,Web运维和FTP/SFTP客户端运维两种方式,以及使用WinSCP工具将文件上传至Linux云服务器的操作方法。此外,还介绍了在迁移过程中需要安装迁移Agent并输入目的端服务器所在华为云的AK/SK,以及主机迁移服务会收集的源端服务器信息。 ... [详细]
  • onenote导入html文件,如何将Word导入到onenote?
    回答:将VISIO软件来中的图片导入到Word应用源程序的方法如下:1、通过桌面快捷方式或搜索来打开Word文档。并在随后打开的界面右侧点击“空白文档” ... [详细]
  • 集成电路企业在进行跨隔离网数据交换时面临着安全性问题,传统的数据交换方式存在安全性堪忧、效率低下等问题。本文以《Ftrans跨网文件安全交换系统》为例,介绍了如何通过丰富的审批流程来满足企业的合规要求,保障数据交换的安全性。 ... [详细]
  • 本文详细介绍了git常用命令及其操作方法,包括查看、添加、提交、删除、找回等操作,以及如何重置修改文件、抛弃工作区修改、将工作文件提交到本地暂存区、从版本库中删除文件等。同时还介绍了如何从暂存区恢复到工作文件、恢复最近一次提交过的状态,以及如何合并多个操作等。 ... [详细]
  • SpringMVC接收请求参数的方式总结
    本文总结了在SpringMVC开发中处理控制器参数的各种方式,包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver,处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor,以及PathVariableMapMethodArgumentResol等子类。 ... [详细]
  • 本文介绍了一种处理AJAX操作授权过期的全局方式,以解决Asp.net MVC中Session过期异常的问题。同时还介绍了基于WebImage的图片上传工具类。详细内容请参考链接:https://www.cnblogs.com/starluck/p/8284949.html ... [详细]
  • 小程序自动授权和手动接入的方式及操作步骤
    本文介绍了小程序支持的两种接入方式:自动授权和手动接入,并详细说明了它们的操作步骤。同时还介绍了如何在两种方式之间切换,以及手动接入后如何下载代码包和提交审核。 ... [详细]
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社区 版权所有