在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="https://cache.yisu.com/upload/information/20200311/53/209197.jpg" />
// 网络文件路径,一定要使用 斜杆/
./SRC/ 这样写表示,当前目录中的SRC文件夹;
../SRC/ 这样写表示,当前目录的上一层目录中SRC文件夹;
/SRC/ 这样写表示,项目根目录(可以只磁盘根目录,也可以指项目根目录,具体根据实际情况而定)
参考总结: https://www.cnblogs.com/pxh-phper/p/6231294.html
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。