background-image 中uri的格式问题

Question

如图， chrome对于这种格式的图片资源可以正常解析， 3A应该是代表冒号， 但是地址栏中无法解析， 这是什么写法

http3A//cdn2.jianshu.io/assets/web/web-note-ad-side-banner-22096669b4c4b91c3b9266894e951aef.png

Answer 1

css的\是指Unicode码，3A指的是:。

url是用%

CSS/string

Answer 2

地址栏种的http(https):// 这一段都是不会解析是直接读取的，只有后面跟的参数才会解析.
例如：http://cdn2.jianshu.io/assets...

Answer 3

1：关于这是什么写法
这个是URL编码，通常的网址便于记忆和使用，但是一些特殊符号容易歧义或不便于传输。
所以地址会变成这个样子\3A就是:
一般使用的是utf-8，所以中文网址也能访问，因为网址被转码了。

2：关于不能在地址栏使用
通常浏览器会对地址栏输入的内容进行一次转码
http://是协议名，http\3A//是一段文本。
如果你的浏览器可以在地址栏进行默认引擎的搜索，那么会将 http\3A// 作为关键字出现搜索结果
如果没有，会无法显示内容

你看到的是转码之后的内容，你理解它是什么就可以。
你在background-image:url()中正常使用地址就好。