一、规范目的
（1）提高团队协作效率
（2）便于后期优化维护，输出质量的文档
二、文件规范
文件命名
统一用小写的英文字母、数字和下划线的组合
（1） html的命名规则
a. 引文件统一使用index.htm index.html
index.asp文件名（小写）
各子文件的命名原则应该以栏目名的英文翻译取单一单词为名称，例如：
关于我们\aboutus
信息反馈\feedback
产品\product
如果栏目名称多而且复杂，则统一使用栏目名称拼音或者拼音的首字母表示
b. 图片的命名原则
图片分为头尾两部分，用下划线隔开
头部分表示此图片的大类性质
例如：广告、标志、菜单、按钮等
放置页面顶部的广告、装饰图案等长方形的图片取名为：banner
标志性的图片取名为logo
在页面上未知不固定并且带有链接的小图片取名为button
在页面上某一个位置连续出现，性质相同的链接栏目的图片取名为：menu
装饰用的照片取名为:pic
不带链接表示标题的图片取名：title
例如:banner_sohu.gif banner_sina.gif menu_job.gif title_news.gif logo_police.gif
鼠标感应效果图片命名为：'图片名++on/off'
例如： menu1_on.gif menu1_off.gif
c. javascript的命名原则
例如：广告条的javascript文件名为ad.js
弹出窗口的javascript文件名为pop.js
d. 动态语言文件命名规则：
以性质描述，描述可以有多个单词，用'_'隔开，性质一般是该页面的概要
例如:register_form.asp register_post.asp topic_lock.asp
二、css书写规范
css样式分为三类：自定义样式、重新定义HTML样式、链接状态样式
三、命名规则
头：header
内容：content/container
尾：footer
导航:nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页：tab
文章列表：list
提示信息：msg
小技巧： tips
栏目标题：title
加入：joinus
指南： guild
服务：service
注册：regsiter
状态：status
投票：vote
合作伙伴：partner
2.注释的写法：
/footer/
3.id的命名规范
（1）页面结构
容器：container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
(2)导航
导航：nav
主导航：mainban
子导航：subnav
项导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsiderbar
菜单：menu
子菜单：submenu
标题：title
摘要：summary
(3)功能
标志：logo
广告：banner
登录：login
登录条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的：current
小技巧:tips
图标：icon
注释：note
指南：guild
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link
版权：copyright
网友评论