文档介绍：前端代码规范
一范围
本文档对WEB前端编码进行规范，目的是为兼容多种浏览器，并保证WEB前端编码和表现的一致性，提高代码的可维护性。
二总则
语言编码统一使用UTF-8
说明：Html在HTTP Content-type定义前端代码规范
一范围
本文档对WEB前端编码进行规范，目的是为兼容多种浏览器，并保证WEB前端编码和表现的一致性，提高代码的可维护性。
二总则
语言编码统一使用UTF-8
说明：Html在HTTP Content-type定义
CSS部分：编码方式使用***@charset ‘UTF-8’
JavaScript部分：新建一个JS文件时，使用编辑器将文档编码方式保存为UTF-8
合理添加注释，避免使用中文注释
文件及文件夹命名统一使用’-’中划线命名法
HTML/CSS/JavaScript 文件归档至相应约定的目录中
三HTML 部分
在文档顶部注日月文档类型定义
以<html>为根元素，且添加命名空间
语言编码统一使用UTF-8
所有标签的元素和属性的名字都使用小写
所有的标记都必须有一个相应的结束标记
所有的标记都必须合理嵌套
例
A:不能包含其它的a 元素
Pre:不能包含其他Img object big small sub sup
Button:不能包含其它input select textarea label button form fieldset iframe isindex
Label:不能包含其它的label元素
Form:不能包含其他的form元素
所有属性用引号括起来，引号的类型要保持一致
所有特殊符号用转义编码表示
说明：如常用 >转义编码（&t;） <转义编码（&lt;）
9、禁示属性的缩写
说明:错误写法<input type=”checkbox” checked />
正确写法<input type=”checkbox” checked=“checked” />
不能用断行或空格将属性分开
注释内容不要使用“--”，用等号或者空格替代。
说明：“--”作为注释只能出现在HTML注释的开头和结束，否者会影响注释的内容。
为id和class命名时第一个字符不能是数字。
说明：W3C ，在id或class中，第一个字符是不能是数字的，必须是字母。
<img>标签中，必须包括alt元素
页元元素的ID要唯一，name可以不唯一
四CSS部分
1样式表的语法格式与书写格式必须符合规范
2编码统一为utf-8 ***@charset “utf-8”
3除选择符名称外，统一使用小写
4用中划线规则命名选择符（.product-list）
5使用px或者%相对尺
6样式表按照页面类型，分为几个文件来组织
1简短期的确CSS reset
2通用户CSS样式库
3网站CSS样式库
4网站所有CSS Sprite 合并项
5网络站通用小图标样式集
6网站通用导航样式
7网站通用按钮样式
8网站通用选项卡样式
9网站通用文本框等控件样式
10网站通用分页样式及其他通用样式
11网站公共主结构样式12单页面的一些细节与样式
7 CSS属性书写顺序,建议遵循Positioning(定位