html 标签引用外部文件时//的作用

html 标签引用外部文件时//的作用

在HTML 文件中时常会用到一系列图片,大多数时候都是使用相对路径或者绝对路径来加载对应的js css,还有img图片.

引用就不需多言

下面看一下引用的方式

src="./*"  相对路径引用
src="/*" 绝对路劲引用
src="http://*" http 引用
src="https://*" https 引用
src="//*" 兼容模式引用

那么兼容模式引用是哪一类?

假设当前站点使用的是http 协议
src="//*"  <==>  src="http://*"

当前站点使用的是https 协议
src="//*"  <==>  src="https://*"

在这里不得不说泪的教训,http 和https ,有些浏览器解析加载图片,加载不出来的话会自动切换协议,但是并不是所有浏览器都会这么做,例如Safari,而我们绝大多数时候都需要做浏览器兼容,我想理解这一点应该会有些帮助