前端相关项目规范(不断更新)

一.命名规则

1.项目命名:  对方公司名_活动名  比如 baidu_runing   为百度做的一个奔跑的活动。

2.目录命名:   css images js media。

3.文件命名:   ① css :多数情况只有一个css文件  命名为 nmirus.style.css。

　 　　　　　  ② js: 编写的js文件,主要的js文件命名为nmirus.main.js。

4.html命名: 页面_功能.html。

二.HTML

1.声明:  ①  <！DOCTYPE html>    　　　　// H5文档类型声明

　　　　②  <html lang="zh">      　　　　//   声明页面语言为中文,主要面向搜索引擎。语义越规范越有可能被收录。

　　　　③  <meta charset="UTF-8"> 　　//  声明字符集

2.引入: js文件    <script src=""></script>  

　　　　css文件  <link rel="stylesheet" type="text/css" href="">

　　　　img   要加上alt="" 避免图片加载缓慢 图片位置空白 可适当加个背景色。

3.给同一个标签命名的顺序是 class //下划线 tips_title  

　　　　　　　　　　　　　    id  //驼峰式  tipsTitle     

　　　　　　　　　　　　　　name

　　　　　　　　　　　　　　data-*  

　　　　　　　　　　　　　　src

　　　　　　　　　　　　　　placeholder

　　　　　　　　　　　　　   title

　　　　　　　　　　　　　　required="required" //必填    

　　　　　　　　　　　　　　readonly="readonly"//只读

　　　　　　　　　　　　　　maxlength="" //最大字符串数量 

　　　　　　　　　　　　　　disabled="disabled"  //禁用input标签 不能点击 不能输入等操作  

4.避免过度嵌套  如img标签无过多要求时  不必用div来包裹。

三、css

　　1.书写顺序:display float　position　　　　　//布局属性

　　　　　　　　top left right bottom　 　　　　//位置属性

　　　　　　　　width height  margin padding　border

　　　　　　　　font text-again 

　　　　　　　　background

　　　　　　　　animation

　　2.颜色使用十六进制  #5F28DE　

　　3.去掉小数点钱的0  比如 opacity : .5 ;

　　3.属性值为0的不要加单位   width : 0 ;　　　　//用空格空开

posted @ 2016-03-24 12:28  xiaoye1990  阅读(229)  评论(0)    收藏  举报