文件命名的规范性问题：
文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;
1. HTML的命名原则引文件统一使用index.htm index.html index.asp文件名(小写)各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。
例如: 关于我们 / aboutus 信息反馈 / feedback 产 品 / product
如果栏目名称多而复杂并不好以英文单词命名,则统一使用该栏目名称拼音或拼音的首字母表示;每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm index.html index.asp;
2. 图片的命名原则
图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质例如:广告、标志、菜单、按钮等等。放置在页面顶部的广告、装饰图案等长方形的图片取名: banner标志性的图片取名为: logo在页面上位置不固定并且带有链接的小图片我们取名为 button 在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名: menu 装饰用的照片我们取名: pic不带链接表示标题的图片我们取名: title 范例:banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_p1ople.jpg鼠标感应效果图片命名规范为"图片名+_+on/off"。例如:menu1_on.gif menu1_off.gif
3. javascript的命名原则例如:广告条的javascript文件名为 ad.js 弹出窗口的javascript文件名为 pop.js
4. 动态语言文件命名原则以性质_描述,描述可以有多个单词,用“_”隔开,性质一般是该页面得概要。范例:register_form.asp register_post.asp topic_lock.asp 2.2文件存放位置规范
5、在html代码中id多个单词要用下划线_连接,例如:reader_info
6、在html代码中clss多个单词用中划线-连接,例如:reader-info，写css时，直接写成.reader-info
7、如果仅仅是给js调用的class那么就在class的属性前加上js,例如:js-active
8、不管是id还是class都使用父子关系来表示(引入父节点的拼接子节点的)
<div id="reader">
<div id="reader_introduce" class="reader-introduce"></div>
</div>123
9、如果元素包含子元素,那么首位就要单独占一行(常见a标签里面套img)
<!--不推荐-->
<ul><li>第一个</li></ul>
<!--推荐使用-->
<ul>
<li>第一个</li>
</ul>123456
10、适当的添加点注释,注释要占一行
11、全部使用双引号
css命名规范：
1、类名关键字之间连接用中划线-拼接
2、为了避免class命名的重复,命名时候取父元素的class作为前缀
3、多个选择器生命,每一个css选择器都单独占一行
h2,
h3,
h4 {
color: #ddd;
}12345
4、合理的使用注释
头部注释包括文件的版本、版本信息、作者、时间等
模块注释要有开始有结束
解释性注释要单独占一行
js的命名规范：
1、局部变量命名才用驼峰式命名
2、如果是jQuery的变量使用$为前缀
3、在for循环和if语句中左边的大括号应该在行的结束位置,不应该单独一行
4、在javascript中字符串可以使用单引号与双引号，但是建议是用单引号
5、合理的分号作为结束符
当有换行符（包括含有换行符的多行注释）会自动加上分号
当有}时，如果缺少分号，会补分号
当程序源代码结束时，如果缺少分号，会补分号
6、如果只有一行注释就使用单行注释，多行的就使用多行注释
常用命名：
头: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
(二)注释的写法:
/* Footer */
内容区
/* End Footer */
(三)id的命名:
(1)页面结构
容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
(2)导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单: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
服务:service
热点:hot
新闻:news
下载:download
投票:vote
合作伙伴:partner
友情链接:link
版权:copyright/
网友评论