html代码中本地路径里斜杠/和反斜杠\的区别

总结: windows和unix,linux本地路径里的 / 和 \

在html代码里:

错误文件路径:
windows         只使用一个 \  是不识别的,  src='D:\个人\图片\2.jpg'
unix和linux     只使用 两个 / 是不识别的,  src='//home/zjr/Desktop/img/2.jpg

正确文件路径:
除了以上情况, 在使用本地路径的情况下:   随便使用 / 和 \ 组合都不会错

例:
windows:
src='D:\\\\个人\\\图片\\2.jpg
src='D:/\个人/\图片/\2.jpg   ( 这种错误 )
src='D:\/个人\/图片\/2.jpg
src='D:////个人///图片\\\\2.jpg
......
unix/linux:
src='\\home/zjr/Desktop/img/2.jpg
src='\\\home\\\\zjr/Desktop/img/2.jpg
src='///home/zjr/Desktop/img/2.jpg
src='\\\home/zjr/////////////Desktop/img/2.jpg'
src='/\home\/zjr/Desktop/img/2.jpg';
.......
感兴趣的读者可以自行验证

建议:   在html中用 一个 / 作为本地路径或者网络路径分隔符

路径中使用斜杠/和反斜杠\的区别

        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;'' ></div>
// 如果url后面用反斜杠，就不会显示任何背景

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

<img src='.\Image/Control/ding.jpg' />         // 本地文件路径，/ 和 \ 是等效的
<img src="./Image\Control\cai.jpg" />
<img src="/upload/otherpic73/209197.jpg" />
// 网络文件路径，一定要使用 斜杆/

相对路径和绝对路径。

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

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

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

参考总结: https://www.cnblogs.com/pxh-phper/p/6231294.html

成都创新互联服务项目包括洛南网站建设、洛南网站制作、洛南网页制作以及洛南网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，洛南网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到洛南省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

本文名称：html代码中本地路径里斜杠/和反斜杠\的区别
新闻来源：https://www.cdcxhl.com/article6/pisoog.html

成都网站建设公司_创新互联，为您提供网站收录、移动网站建设、网站营销、软件开发、营销型网站建设、网站策划

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联