人人网Web前端规范.pdf

人人 FED CSS 编码规范 V2.0 浏览器特效支持规范 为了页面性能考虑，如果浏览器丌支持 CSS3 相关属性的，则该浏览器的某些特效将丌 再支持，属性的支持情况如下表所示： 圆角 阴影 动画 文字阴影 透明 背景渐变 空间变换 Chrome5+ Y Y Y Y Y Y Y Firefox 4+ Y Y Y Y Y Y Y Safari 5+ Y Y Y Y Y Y Y Opera Y Y Y Y Y N Y IE9+ Y Y N N Y N Y Chrome5- N N Y Y Y Y Y Firefox 4- N N N Y Y N N Safari5- N Y Y Y Y N Y IE8 N N N N N N N IE7 N N N N N N N IE6 N N N N N N N [说明] Y 为支持，N 为丌支持。 文件相关规范 文件名必须由小写字母、数字、中划线-组成 文件必须用 utf-8 编码 文件引入方式： 外联方式： link rel=”stylesheet” href=”…” / 类型声明 type=text/css可以忽略 内联方式：style…/style 类型声明 type=”text/css”可以忽略 原则上，丌允许在 html 上直接写样式 link 和 style 标签都应该放入 head 中 注释规范 1、文件顶部注释 （推荐使用） /* * @description: xxxxx 中文说明 * @author: zhifu.wang * @update: zhifu.wang (2012-10-17 18:32) */ 2、模块注释 （推荐使用） /* module: module1 by zhifu.wang */ …. /* module: module2 by zhifu.wang */ 模块注释必须单独写在一行 3、简单注释 单行注释：/* this is a short comment */ 单行注释可以单独写在一行，也可以写在行尾 多行注释： /* * this is comment line 1. * this is comment line 2. */ 多行注释必须写在单独行内 4、特殊注释 （推荐使用） 用于标注修改、待办等信息 /* TODO: xxxx by zhifu.wang 2012-10-18 18:32 */ /* BUGFIX: xxxx b