省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还是 HTTP 访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。
<!-- 不推荐 --> <script src="https://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- 推荐 --> <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> /* 不推荐 */ .example { background: url("https://www.google.com/images/example"); } /* 推荐 */ .example { background: url("//www.google.com/images/example"); } 1.1 缩进一次缩进2个空格，不要使用 tab 或者混合 tab 和空格的缩进。
<ul> <li>Fantastic <li>Great </ul> .example { color: blue; } 1.2 大小写以下都应该用小写：HTML 元素名称，属性，属性值（除非 text/CDATA），CSS 选择器，属性，属性值。
<!-- 不推荐 --> <A HREF="/">Home</A> <!-- 推荐 --> <img src="google.png" alt="Google"> /* 不推荐 */ color: #E5E5E5; /* 推荐 */ color: #e5e5e5; 结尾空格 <!-- 不推荐 --> <p>What?_ <!-- 推荐 --> <p>Yes please. 1.3 编码在 HTML 中通过 指定编码方式，CSS 中不需要指定，因为默认是 UTF-8。
注释
使用注释来解释代码：包含的模块，功能以及优点。
任务项
用 TODO 来标记待办事项，而不是用一些其他的标记，像 @@。
HTML 文档应使用 HTML5 的文档类型：。
孤立标签无需封闭自身，
HTML 正确性 尽可能使用正确的 HTML。
<!-- 不推荐 --> <title>Test</title> <article>This is only a test. <!-- 推荐 --> <!DOCTYPE html> <meta charset="utf-8"> <title>Test</title> <article>This is only a test.</article> 语义化 <!-- 不推荐 --> <div onclick="goToRecommendations();">All recommendations</div> <!-- 推荐 --> <a href="recommendations/">All recommendations</a> 2.2 多媒体元素降级对于像图片、视频、canvas 动画等多媒体元素，确保提供其他可访问的内容。图片可以使用替代文本（alt），视频和音频可以使用文字版本。
<!-- 不推荐 --> <img src="spreadsheet.png"> <!-- 推荐 --> <img src="spreadsheet.png" alt="Spreadsheet screenshot."> 2.3 关注分离标记、样式和脚本分离，确保相互耦合最小化。
2.4 实体引用如果团队中文件和编辑器使用同样的编码方式，就没必要使用实体引用，如 —， ”，☺，除了一些在 HTML 中有特殊含义的字符（如 < 和 &）以及不可见的字符（如空格）。
<!-- 不推荐 --> The currency symbol for the Euro is “&eur;”. <!-- 推荐 --> The currency symbol for the Euro is “€”. 2.5 type 属性在引用样式表和脚本时，不要指定 type 属性，除非不是 CSS 或 JavaScript。
因为 HTML5 中已经默认指定样式变的 type 是 text/css，脚本的type 是 text/javascript。