1.文件大小：
保持单个内容img < 100K; js < 200K; css < 50K， 对于功能页面img<40K，活动页面img看情况。
2.背景图片：
不宜使用过小的背景图片平铺，太小的图片平铺，需要大量的计算，影响性
避免背景图片冗余，当多个样式需要使用同一张图片作为背景图片的时候，应该新建一个class样式用于指定background-image，其他样式则用于设定background-position）
3.h1_h6：
标题必须按h1-h6的顺序，如不可出现h1下级直接出现h3等。
4.不要在HTML中缩放图像。
5.使用base
页面链接标签a, 在默认情况下不加target属性，由<base target="_blank" />统一控制，特殊链接标签a上可以添加target属性作处理。
6.a标签加上title属性的规定，页面中的图像一定要加上alt图像注释说明。
图片链接和链接文本不详细或者被截断的链接 加上title属性，如果是title的内容和链接的文本是一样的就不要加这个属性了。只在需要的时候加上title
7.Css中的中文一律转换成unicode或用英文名表示
8.浏览器兼容：
兼容不同浏览器，有多个前缀css属性时，将标准属性写在最后。如-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;
9.文本方向缩进
（当为text-indent的值设置为负值时，必须加上overflow:hidden）。
10.多层级之间的命名可以用下划线来表明从属关于提高了css命名的可读性。
<ul class=”timelist”>
<li>2009年2月3日</li>
<li>2009年2月3日</li>
<li>2009年2月3日</li>
<li class=”timelist_lastitem”>2009年2月3日</li>
</ul>
11.层级最多不能超过三个，也就是a_b_c是最大限制。
12.若元素多层嵌套，border-radius作用于最里面的元素
强制规范：（共19个）
文档类型声明：统一声明类型 <!DOCTYPE HTML>（强制）
声明编码：<meta charset="utf-8" />或<meta charset="gbk" />（强制）
外联样式：<link rel="stylesheet" href="css/style.css" />（强制）
内联脚本：<script type="text/javascript"></script>（强制）
外联脚本：<script src="index.js" type="text/javascript"></script>（强制）
书写html结构时需层次分明的缩进，1tab=4空格。（强制）
不宜使用过小的背景图片平铺，太小的图片平铺，需要大量的计算，影响性能。（强制）
标题必须按h1-h6的顺序，如不可出现h1下级直接出现h3等。（强制）
所有标签必须闭合，包括<input type=”” />、<img src=”” />等（强制）
特殊符号使用必须使用转义符代替。（强制）
不要在HTML中缩放图像。（强制）
a标签加上title属性的规定（图片链接和链接文本不详细或者被截断的链接 加上title属性，如果是title的内容和链接的文本是一样的就不要加这个属性了。只在需要的时候加上title）。（强制）
Css中的中文一律转换成unicode或用英文名表示（强制）
不得给html,body标签直接设置背景样式，定义class作用于body。（强制）
组件DOM的id或class命名都必须有命名空间（强制）
选择器不得以.on,.cur,.current,.hd,.bd,.ft,.active等此类开头。（强制）
0+单位用0代替（强制）
标签中class只能使用小写字母[a-z][0-9]和 “_”。（强制）
避免样式冗余及出现空的样式规则。（重复的或空的）。（强制）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
