中软国际卓越培训中心(ETC)是中软国际有限公司投资的大型人才服务机构,是中软国际人才战略的核心组成部分之一,承担集团发展过程中人才储备和培养的任务,是软件及外包业务快速发展的重要人才支撑平台,是集团保持高速增长动力之一。

4.10、图片必须加上alt属性; 给重要的元素和截断的元素加上title;目的:有利于seo，搜索引擎的爬虫。

4.11、给区块代码及重要功能(比如循环)加上注释, 方便后台程序员嵌套模版;

4.12、特殊符号使用: 尽可能使用代码替代: 比如 <(<) & >(>) & 空格( ) & »(») 等等;

4.13、书写页面过程中, 请考虑向后扩展性;

5、css书写规范

1.1 编码统一为utf-8;都用小写

1.2 class与id的使用: 一般都使用class，特殊除外，因id的优先级比class的高

1.3 样式命名推荐使用英文避免使用汉语拼音, 尽量使用简易的单词组合; 命名方式参照《WEB前端开

发CSS命名参考》。命名方式采用驼峰命名法和划线命名法两种，提高可读性。例如：dropMenu、subNavMenu、drop-menu、sub_nav_menu。驼峰命名法用来区别不同的单词。划线命名法表明从

属关系。如：“.timeList”和“.time_list”分别表示时间列表和时间部分下的列表。

1.4 css属性书写顺序, 建议遵循 布局定位属性–>自身属性–>文本属性–>其他属性. 此条可根据

自身习惯书写, 但尽量保证同类属性写在一起.

中软国际卓越培训中心(ETC)是中软国际有限公司投资的大型人才服务机构,是中软国际人才战略的核心组成部分之一,承担集团发展过程中人才储备和培养的任务,是软件及外包业务快速发展的重要人才支撑平台,是集团保持高速增长动力之一。

1.5 避免滥用自选择器。#test span｛｝和#test .span｛｝尽量选择后者。 采用继承属性还是新加

class根据不同情况灵活运用。新加class便于扩展维护。

1.6 样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码;

1.7 使用table标签时, 请不要用width/ height/cellspacing/cellpadding等table属性直接定义

表现, 应尽可能的利用table自身私有属性分离结构与表现, 如

thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing及cellpadding的css控制方法: table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;} , base.css文件中我会初始化表格样式)

1.8 尽量不使用<meta http-equiv=”X-UA-Compatible” content=”IE=7″ /> 兼容ie8,和代码*html

写法。

1.9 用png图片做图片时, 要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效

果, 请参考文档《IE6下png透明问题解决的最佳方案》

1.10 兼容性属性的使用, 比如text-shadow（文字阴影）、css3的相关属性在保证目前主流浏览器使

用正常的情况下可以使用来对页面进行锦上添花式的设计。

1.11 减少使用影响性能的属性, 比如position:absolute || float ;

1.12 必须为大区块样式添加注释, 小区块适量注释;

1.13 代码缩进与格式:单行书写, 统一使用tab进行缩进。;

目的：css书写规范主要提高效率方便面想关人员的修改，提高网站的扩展性(根据网站情况不一样，要灵活应用)

6、JavaScript书写规范

1.14 文件编码统一为utf-8, 书写过程过, 每行代码结束必须有分号; 要检查网上down下来的代码

造成的代码污染(沉冗冲突，代码注入 )等，有的可以firefox的一些扩展插件分析;

1.15 库引入: 原则上仅引入jQuery库, 若需引入第三方库, 须与团队其他人员讨论决定;

1.16 命名语义化, 尽可能利用英文单词或其缩写;

1.17 代码结构明了, 加适量注释. 提高函数重用率;

1.18 注重与html分离, 减小reflow, 注重性能.

目的：避免带来的问题及冲突，网站的优化。