<div class="g-imgtext">
<img src="1.png" alt="" />
...
/* TODO: 图文混排 comm: g-imgtext */
.g-imgtext { sRules; }
9.行尾空格行尾空格
删除行尾空格,这些空格没有必要存在
10.省略嵌入式省略嵌入式资资源源协议头协议头
省略图像、媒体文件、样式表和脚本等URL协议头部声明 ( http: , https: )。如果不是这两个声明的URL则不省略。
省略协议声明,使URL成相对地址,防止内容混淆问题和导致小文件重复下载(这个主要是指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);
}
注:省略协议头在IE7-8下会有一点小问题,外部CSS文件(link和@import)会被下载两遍,所以该条目的约定看具体项目。
11.代代码码有效性有效性
使用 W3C HTML Validator 来验证你的HTML代码有效性;
使用 W3C CSS Validator 来验证你的CSS代码有效性。
代码验证不是最终目的,真的目的在于让开发者在经过多次的这种验证过程后,能够深刻理解到怎样的语法或写法是非标准
和不推荐的,即使在某些场景下被迫要使用非标准写法,也可以做到心中有数。
HTML约约定定
1.文档文档类类型型