HTML/CSS规范指南 From Google

google之前出了javascript规范指南，中文翻译传送门在此，现在有了html/css规范指南，明河开始翻译时版本是2.1。后续如果google有新的内容补充，明河也会跟进。

引入的assets资源文件（js、css、图片文件）忽略协议（http:, https:），比如：

不推荐的写法：

<script

src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>

推荐的写法：

<script

src="//www.google.com/js/gweb/analytics/autotrack.js"></script>

不推荐的写法：

.example

 {

  background:

url(http://www.google.com/images/example);

}

推荐的写法：

.example

 {

  background:

url(//www.google.com/images/example);

}

关于google的这点建议，明河倒是觉得有待商榷，有兴趣的朋友看http://stackoverflow.com/questions/4831741/can-i-change-all-my-http-links-to-just，里面有详细的讨论，根据一位网友的测试，相对url在IE7、IE8下存在二次加载的问题。

使用二个空格缩进（PS：明河一般使用四个空格缩进-_-!）

<ul>

  <li>Fantastic</li>

  <li>Great</li>

</ul>

.example

 {

  color:

blue;

}

只使用小写。

所有的代码只使用小写字母（PS:淘宝的做法是如果跟js的DOM操作相关，作为钩子使用J_Trigger类似的方式）：包括元素名称、样式名、属性名（除了text/CDATA）。

不推荐的写法：

<A HREF="/">Home</A>

推荐的写法：

<img

src="google.png"

alt="Google">

删掉冗余的行尾空格。

不推荐的写法：

<p>What?_

</p>

抱歉!评论已关闭.

学步园