1、文档类型声明及编码:统一为html5声明类型。书写时利用IDE实现层次分明的缩进(默认缩进2空格)。
2、非特殊情况下CSS文件放在body部分标签后。非特殊情况下大部分JS文件放在标签尾部(如果需要界面未加载前执行的代码可以放在head标签后)避免行内JS和CSS代码。
3、所有编码需要遵循html(XML)标准,标签&属性&属性命名必须由小写字母及下划线数字组成,且所有标签必须闭合,包括br,hr等。属性值用双引号。
4、引入JS库文件,文件名须包含库名称及版本号及是否为压缩版,比如jquery-1.4.1.min.js。引入插件,文件名格式为库名称+插件名称,比如jQuery.bootstrap.js。
5、书写页面过程中,请考虑向后扩展性。class&id参见css书写规范.
6、需要为html元素添加自定义属性的时候,首先要考虑下有没有默认的已有的合适标签去设置,如果没有,可以使用须以”data-“为前缀来添加自定义属性,避免使用”data:”等其他命名方式。
7、语义化html,如标题根据重要性用h*(同一页面只能有一个h1),段落标记用p,列表用ul,内联元素中不可嵌套块级元素。
8、尽可能减少div多层级嵌套。
9、书写链接地址时,必须避免重定向,例如:href=”http://pastime.dearus.com/“,即须在URL地址后面加上“/”;
10、在页面中尽量避免使用style属性,即style=”…”。
11、必须为含有描述性表单元素(input,textarea)添加label,如姓名:须写成:姓名:
12、能以背景形式呈现的图片,尽量写入css样式中。
13、重要图片必须加上alt属性。给重要的元素和截断的元素加上title。
14、给区块代码及重要功能(比如循环)加上注释,方便后台添加功能。
15、特殊符号使用:尽可能使用代码替代:比如<(<)&>(>)&空格()&»(»)等等。