1、页面布局代码标准，css、js文件样式统一外链的形式；
2、css样式重置，分类形式，公用样式放在base.css，常见的样式放在common.css
3、文件目录：
（1）存放其他图片文件命名规范：images
（2）存放广告图的文件夹banner_img
（3）文件名应该全部小写，多个单词一下划线"_"分开
（4）JS文件：js
（5）确保文档或模板中只包含html，把用到的样式都写到样式表文件中，把脚本写到js文件中
4、样式规范化
（1）选择器 与 { 之间必须包含空格
（2）连字符css命名规范：长名称或词组可以使用中横线来为选择器命名。不建议用"_"来命名css选择器
（3）属性定义必须另起一行。
（4）为每个块级元素或表格元素标签新起一行，并且对每个子元素进行缩进。
（5）css书写顺序，以提高代码的可读性。
位置属性（position, top, right, z-index, display, float）等
大小（width, height, padding, margin）
文字系列（font, line-height, letter-spacing, color-text-align）等
背景（background, border等）
其他（animation, transition等）
（6）去掉小数点前的"0"
（7）选择器、属性和值都使用小写
（8）使用16进制表示颜色值，除非表示的是透明度
5、常用的css命名规则：
头：header；
内容：content | 容器：container
尾：footer | 页脚：footer
导航：nav | 子导航：subnav
侧栏：sidebar | 栏目：column | 页面外围布局宽度：wrapper
左右中：left right center
广告：banner
首页：homepage
文章列表：list
二级页面子页面：subpage
页面主题：main
菜单：menu | 子菜单：submenu
下拉菜单：dorpmenu
栏目标题：title
热点：hot
标志：logo
登录条：loginbar
下载：download
新闻：news
状态：status
搜索：seearch
滚动：scroll
版权：copyright
友情链接：friendlink
标签页：tab
小技巧：tips
提示信息：masg
指南：guild
合作伙伴：partner
注册：regsiter
投票：vote
6、javascript
（1）文件编码与html页面编码一致，书写时，每行代码结束必有分号' ; '，尽量根据需求编写原生代码开发，以避免造成的代码污染
（2）在页脚引入javascript脚本，采用外链引入形式，使页面的结构与行为分离
（3）命名：文件命名：以英文命名，后缀为js，公用common.js，其他命名可根据模块需求命名。变量命名：首字母小写，驼峰命名法。类名：首字母大写，驼峰命名。函数命名：首字母小写，驼峰命名法。命名语义化。
7、注释规范：
（1）html：注释格式，“-”只能在注释的始末位置，不可以置入注释文字区域
（2）css：注释格式/*这儿是注释*/
（3）javascript：单行注释 ://这儿是注释，多行注释：/*这儿是注释*/
8、html命名
html 应遵循页面的内容或用途（SEO）进行命名。不能使用中文词组的简拼进行命名。当使用英文或者中文词组全拼的时候，同样会给 SEO 带来好处。另外需注意的是，整个网站的 html 后缀要统一，避免同时出现 html 、htm 两种不同的后缀。
移动端字体大小：设置html{font-size:62.5%} 因此 10px=1rem
网友评论