这几天做项目,遇到一些关于文件路径的问题在这里做个总结。
总结上面的几点,一般windows系统中文件路径常使用反斜杠\作为目录分隔,而web中url则使用斜杠/,虽然很多时候反斜杠和斜杠并不会有太大的影响,但是毕竟这已经成为一种默认格式。
PS:这里要特别注意火狐浏览器不识别带有反斜杠"\"的URL地址,谷歌浏览器之前也不支持,不过现在已经修复并支持了。
但是以下有两种特殊情况:
第一种情况:就是在URL中斜杠和反斜杠混用。假设有一个图片文件article_meta.png在服务器上路径是F:\网站程序\Content\images\article_meta.png中,那么要想在别的网站上显示这个图片,那么HTML代码应该是:
<img src="https://shiyousan.com/Content/images/article_meta.png" alt="test" />。
但是如果地址为:
<img src="https://shiyousan.com/Content\images\article_meta.png" alt="test" />
其中URL中有部分斜杠/被换成反斜杠\,但是照样没有任何影响并可以正确显示图片。
第二种情况:css样式中本人建议不要使用斜杠和反斜杠混用,由于在CSS hack中反斜杠/,是被作为不同浏览器之间处理样式兼容的特殊符号(css hack:一种处理不同浏览器之间对css兼容问题的编程技巧,详细可在网上搜索相关资料),所以混用斜杠会造成无法获取正确的结果,最好还是按照常规的用法。比如设置一个div的背景图片样式的HTML代码如下:
<div style="min-height:200px;min-width:200px;background-image:url(https://shiyousan.com/Content/images/article_meta.png);">斜杠</div>
如果这个时候使用了如下代码是无法显示出背景图片的:
<div style="min-height:200px;min-width:200px;background-image:url(https://shiyousan.com/Content\images\article_meta.png);">反斜杠</div>
作者:十有三
出处:https://shiyousan.com/post/68a9bfdf-99dc-4490-9ec7-32e4f1830f88
版权声明:本文采用知识共享许可协议:署名-相同方式共享 4.0 国际(CC BY-SA 4.0)。欢迎转载本文,转载请声明出处或保留此段声明。