URL中斜杠/和反斜杠\的区别小结

 更新时间:2014年07月24日 08:52:09   投稿:junjie  
这篇文章主要介绍了URL中斜杠/和反斜杠\的区别小结,纯属个人总结,相对长篇大论较容易理解,需要的朋友可以参考下

最近在项目中遇到了一个小问题,纠结了半天。
路径中使用斜杠/和反斜杠\的区别到底是什么。查阅了一些资料后可知。
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://blog.jb51.net/wp-content/themes/MK/images/thumbnail/0.jpg" />
 // 网络文件路径,一定要使用 斜杆/

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

复制代码 代码如下:

./SRC/ 这样写表示,当前目录中的SRC文件夹;
../SRC/ 这样写表示,当前目录的上一层目录中SRC文件夹;
/SRC/ 这样写表示,项目根目录(可以只磁盘根目录,也可以指项目根目录,具体根据实际情况而定)

相关文章

  • ROS  TF坐标变换基本概念及使用案例

    ROS  TF坐标变换基本概念及使用案例

    本文介绍了TF坐标变换的基本概念以及TF在ROS中的表示形式,通过古月居的乌龟跟随的例子,分析了TF树的广播器和监听器最基本的书写形式,从中展示了如何提取和应用TF变换的信息,并介绍了5种最常用的TF树及TF信息的提取工具,感兴趣的朋友一起学习下吧
    2023-01-01
  • 总结近几年Pytorch基于Imgagenet数据集图像分类模型

    总结近几年Pytorch基于Imgagenet数据集图像分类模型

    在过去的几年里,许多深度学习模型涌现出来,例如层的类型、超参数等。在本系列中,我将回顾几个最显着的 deeplearn 图像分类的模型
    2021-08-08
  • 分布式医疗挂号系统整合Gateway网关解决跨域问题

    分布式医疗挂号系统整合Gateway网关解决跨域问题

    这篇文章主要介绍了分布式医疗挂号系统整合Gateway网关解决跨域问题,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • GBK字符编码(字符集)缺陷导致web安全漏洞

    GBK字符编码(字符集)缺陷导致web安全漏洞

    很多时候,一个web站点,选择什么样的字符编码,我们不会太过在意的。象中文网站,我们一般用gb2312,gbk,gb18030,也可以用utf-8。但是,可能我们不知道,选择不同编码,可能因此导致程序本身设计缺陷
    2016-06-06
  • git 优雅的撤销中间某次提交方法

    git 优雅的撤销中间某次提交方法

    这篇文章主要介绍了git 优雅的撤销中间某次提交方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 简单实用的aixcoder智能编程助手开发插件推荐

    简单实用的aixcoder智能编程助手开发插件推荐

    本文给大家分享一款简单实用的aixcoder智能编程助手开发插件推荐 ,需要的朋友可以参考下
    2019-06-06
  • 详细解析Webpack是怎么运行的

    详细解析Webpack是怎么运行的

    这篇文章主要介绍了Webpack是怎么运行的,打包顺序是怎样的,非常基础且非常重要的知识点
    2020-02-02
  • 教你给《羊了个羊》配置一套智能客服系统

    教你给《羊了个羊》配置一套智能客服系统

    这篇文章主要介绍了如何给《羊了个羊》配置一套智能客服系统,通过微信小游戏接入智能客服的演示就完成了,希望能够对更多小游戏、小程序开发团队有所帮助,需要的朋友可以参考下
    2022-09-09
  • 5个ChatGPT功能帮助你提升日常编码效率

    5个ChatGPT功能帮助你提升日常编码效率

    ChatGPT 作为最快完成亿活用户的应用,最近真的是火出天际了。今天分享5个 ChatGPT 功能,来提升我们的日常工作以及如何使用它提高代码质量
    2023-02-02
  • Typora自动编号的具体操作

    Typora自动编号的具体操作

    相比较world这种文档编辑器而言,Typora更适合写一些程序相关的博客,因为可以用代码+快捷键的方式,方便的对文章内容进行处理,不用在担心排版和样式变形的问题了,在编辑的过程中,就能预览到效果
    2021-12-12

最新评论