伽然前端开发规范.PDFVIP

伽然前端开发规范 第一版 （2013 年6 月） 伽然信息科技（上海）有限公司 目录 第一版 1 【命名规范 】- 1 - 命名基本规则 - 1 - HTML 文件命名规范 - 1 -  通用页面命名： - 1 -  电商类页面命名： - 2 - CSS 文件命名规范 - 2 - CSS 选择器命名规范 - 3 - JS 文件命名规范 - 5 - JS 变量、函数命名规范 - 5 - 图片命名规范 - 5 - 【注释规范 】- 7 - HTML 文件注释 - 7 - CSS 文件注释 - 9 - JS 文件注释 - 9 - 【HTML 规范 】 - 12 - 【CSS 规范 】 - 14 - 【JS 规范 】 - 15 - 【图片规范 】 - 17 - 【SEO 针对性规范 】 - 18 - 一、 META 标签说明 - 18 - 二、 标题规范 - 18 - 三、 元标签规范 - 18 - 四、 图片规范 - 19 - 五、 关键字规范 - 19 - 六、 链接规范 - 19 - 七、 URL 规范 - 20 - 八、 代码优化规范 - 21 - 伽然公司 【命名规范 】 命名基本规则 1. 命名要有意义，不要使用没有意义的命名； 2. 命名清晰，不怕命名长，短命名容易冲突，长命名可以保证不会产生冲突； 3. 公共组件因为高度重用，命名从简，不加前缀； 4. 名称全部用英文字母、数字的组合，驼峰式命名规则，第一个单词全部小写，其后的单 词首字母大写，其中不得包含汉字、空格和特殊字符； 5. 尽量用一些大家都能看懂，朗朗上口的词汇； HTML 文件命名规范  通用页面命名： 首页：index.html 列表页：***List.html 详细页：***Detail.html 公司介绍：profile.html 联系我们：contact.html 关于我们：about.html 人才招聘：job.html 发展历程：history.html 新闻列表：newsList.html 新闻详情：newsDetail.html 产品列表：productList.html 产品详情：productDetail.html 客户留言：leaveMsg.html 常见问题：faq.html 下载：download.html - 1 - 伽然公司 企业文化：culture.html 公司环境：environment.html 视频列表：videoList.html 视频详情：videoDetail.html 网站地图：siteMap.html 隐私政策：privacy.html  电商类页面命名： 购物车：cart.html 审核订单：orderCheck.html 提交订单：orderSubmit.html 支付订单：orderPay.html 找回密码：findPwd.html 发送邮件：sendEmail.html 登陆：login.aspx 注册：register.html 用户中心:uesrCenter.html 订单列表：orderList.html 订单详情：orderDetail.html 收货地址：address.html 我的收藏：favr