协议

协议

嵌入式资源书写省略协议头。 （1）省略图像、媒体文件、样式表和脚本等URL协议头部声明 ( http: , https: )。如果不是这两个声明的URL则不省略。 （2）省略协议声明，使URL成相对地址，防止内容混淆问题和导致小文件重复下载。 HTML代码示例：

<!-- 不推荐 -->
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>

<!-- 推荐 -->
<script src="//www.google.com/js/gweb/analytics/autotrack.js"></script>

CSS代码示例：

/* 不推荐 */
.example {
  background: url(http://www.google.com/images/example);
}
/* 推荐 */
.example {
  background: url(//www.google.com/images/example);
}

HTML代码示例：

<!-- 省略协议头部的图像链接 -->
<img src="//example.com/image.png" alt="Example Image">

<!-- 省略协议头部的样式表链接 -->
<link rel="stylesheet" href="//example.com/style.css">

<!-- 省略协议头部的脚本链接 -->
<script src="//example.com/script.js"></script>

<!-- 不省略非 http/https 的协议头部 -->
<img src="ftp://example.com/image.png" alt="FTP Example Image">
<link rel="stylesheet" href="data:text/css;base64,SSBhbSBzdHlsZS4=">