斜杠/和反斜杠\

news/2024/7/24 12:13:58 标签: 操作系统, java

一.

Unix使用斜杆/ 作为路径分隔符,而web应用最新使用在Unix系统上面,所以目前所有的网络地址都采用 斜杆/ 作为分隔符。

Windows由于使用 斜杆/ 作为DOS命令提示符的参数标志了,为了不混淆,所以采用 反斜杠\ 作为路径分隔符。所以目前windows系统上的文件浏览器都是用 反斜杠\ 作为路径分隔符。随着发展,DOS系统已经被淘汰了,命令提示符也用的很少,斜杆和反斜杠在大多数情况下可以互换,没有影响。

知道这个背景后,可以总结一下结论:

(1)浏览器地址栏网址使用 斜杆/ ;

(2)windows文件浏览器上使用 反斜杠\ ;

(3)出现在html url() 属性中的路径,指定的路径是网络路径,所以必须用 斜杆/ ;

<div style="background-image:url(/Image/Control/title.jpg); background-repeat:repeat-x; padding:10px 10px 10px 10px"></div>
// 如果url后面用反斜杠,就不会显示任何背景

(4)出现在普通字符串中的路径,如果代表的是windows文件路径,则使用 斜杆/ 和 反斜杠\ 是一样的;如果代表的是网络文件路径,则必须使用 斜杆/ ;

<img src=".\Image/Control/ding.jpg" /> // 本地文件路径,/ 和 \ 是等效的
<img src="./Image\Control\cai.jpg" />
<img src="http://hiphotos.baidu.com/yuhua522/pic/item/01a949c67e1023549c163df2.jpg" /> // 网络文件路径,一定要使用 斜杆/

 

斜杆/ 和 反斜杠\ 的区别基本上就是这些了,下面再讨论一下相对路径和绝对路径。

./SRC/  这样写表示,当前目录中的SRC文件夹;

 ../SRC/  这样写表示,当前目录的上一层目录中SRC文件夹;

/SRC/   这样写表示,项目根目录(可以只磁盘根目录,也可以指项目根目录,具体根据实际情况而定

 

    1. 斜杠“/”是URL地址中用到的分隔符;对应地,双斜杠用在网络域名访问中,是协议和主机名或IP地址之间的分隔符,以双斜杠//开头的URL是依赖协议的URL表示形式,URL格式:协议://域名或ip/请求文件路径/文件名。

      如百度的网址:https://www.baidu.com/。URL默认以斜杠“/”结尾,而没有给出文件名的情况下,URL引用路径中最后一个目录中的默认文件(通常对应于主页)。

    2. 2

      反斜杠“\”是Windows系统文件目录结构使用的分隔符,如:D:\我的文档。

      对应地,双反斜杠\\在windows里表示绝对地址的第一项,后面跟IP地址或计算机名,就是需要打开这个IP地址或计算机名对应主机的网络共享资源。

二. 斜杠和双斜杠

1.

<img  src="../../plugins/ueditor/jsp/upload1/20160706/32041467772391084.jpg" /img>

图片引用的路径相同,因为浏览器的路径斜杠变成双斜杠导致图片出不来

原因:Java机制,在遇到反斜杠的时候会自动转译就变成了双反斜杠

转载于:https://www.cnblogs.com/jianyi12/p/5646203.html


http://www.niftyadmin.cn/n/843347.html

相关文章

vue+element table分页多选,保持数据的选中状态

由于分页多选时状态不能保留&#xff0c;用element-ui提供的简单方法 <el-tableref"table"v-loading"crud.loading":header-cell-style"{ color: #FFF, background: #333 }":cell-style"{ color: #FFF, background: #333 }":data&…

HTML练习之路11

本次的任务是完成如图所示界面&#xff1a; 分析可知&#xff0c;整体结构可看成一个大的<div>包裹两个并列的小<div>,第一个小<div>用于放置图片&#xff0c;第二个小<div>用于放置四个段落文本&#xff1a; <body> <div class"d1&quo…

vue+element el-dialog弹出框会变暗解决办法

问题如图&#xff1a; 解决办法 加入append-to-body

javascript组件化(转)

javascript组件化(转) By purplebamboo 3月 16 2015 更新日期:3月 23 2015 文章目录1. 最简陋的写法2. 作用域隔离3. 面向对象4. 抽象出base5. 引入事件机制&#xff08;观察者模式&#xff09;6. 更进一步&#xff0c;richbase7. 结语作为一名前端工程师&#xff0c;写组件的能…

HTML练习之路12

本次要实现如下图所示的咖啡店banner效果图&#xff1a; 其实主要看给了什么素材&#xff0c;总共给了两种图片的素材&#xff0c;所以我们的结构框架就是一个大<div>包含一个小<div>: <body><div class"out"><div class"in"&…

vue+element ui Progress 编写进度条

需求&#xff1a; 第一版使用了canvas来画的 这次看到element 有自带的进度条组件&#xff0c;就尝试用了一下 。做一个笔记~ 代码 <div style"flex: 1" class"left-pro"><el-progress:text-inside"true":stroke-width"30"…

CItrix NetScaler 11.1版本功能更新

NetScaler 11.1版本更新Citrix最近发布了NetScaler的最新版本NetScaler 11.1&#xff0c;大家可以去Citrix的官方网站下载进行测试使用。本篇文章主要介绍最新的NetScaler 11.1有什么样的更新&#xff01;1、Web UI更新首先第一个更新改进是NetScaler的Web UI页面&#xff0c;相…

小程序中引入less 自动编译成wxss

需求&#xff1a;在微信开发者工具内扩展一个 编译less语法的插件 之前是在vs code中下载插件 使用vs code开发 最近发现了新方式 在vscode中安装插件&#xff1a; 2.扩展文件夹 其解包后的文件夹可以在 ~/.vscode/extensions (macOS 系统) 或 C:\Users\用户名.vscode\exte…