html+css+js编码规范

编码规范的作用:

       提高代码的可读性
       降低代码错误率
       提高代码的整合效率和重用性
       为后期的维护提供更高的遍历

规范的编码有助于我们更快捷方便的阅读代码


HTML命名规则
统一用小写的字母、数字和下划线的组合(不得包含空格和特殊字符)
文件名条件:方便理解和易于查找


页面命名:

1、首页index

2、子页用适合的英文或拼音


图片命名规则:
图片的名称为头尾两部分,用下划线隔开
图片的头部表示此图片的大类(如:广告、标志、菜单、按钮等等)



大类常规命名:
放在页面首部的广告、装饰图等长方形大图取名:banner
标志性图片取名:log
有链接的图片取名:button
没有链接的标题图片取名:title
装饰用的照片取名:pic
在页面上连续出现、性质相同的栏目图片取名:menu


js命名规范
自定义js文件模块:模块.描述.js格式,如:check.js、login.js、regist.js、pop.js
公用文件模块:commom.js或者basic.js
外部资源模块:Jquery.min.js、Jquery.js


文件存放目录结构:
js:存放编写的js文件
css:存放编写的css文件
image:存放需要使用的图片文件
flash:存放需要使用的flash文件
media:存放需要使用的多媒体文件,包括视频和音频
library:存放一些库文件,包括js库和css库



超链接规范
网站中链接路径统一用相对路径
浏览器中如果有个空链接,由两种设置模式:#和javascript:void(null)
  撮我:链接到当前页面
  撮我:空连接,不跳转到任何页面


表格规范
尽量避免表格嵌套过多(会导致延长加载页面时间)
tr和td标签能不换行最好不要换行,可能会影响页面展示效果


判断IE浏览器版本方法
条件判断固定格式:
排除条件:[if !IE 6]  除了IE6其他的都能显示
等于条件和或者条件:[if IE 8]、[if(IE 8)|(IE 10)]
高于版本和低于版本(不包含当前版本):[if gt IE 8] 和  [if lt IE 8]
高于版本和低于版本(包含当前版本):[if gte IE 8] 和  [if lte IE 8]
介于两个版本之间:[if(gt IE 7)&(lt IE 10)]



兼容性测试工具
IE浏览器自带仿真
Multibrowser




你可能感兴趣的:(html+css+js编码规范)