一.DIV+CSS布局文件命名规范
全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 二.常用类/ID命名规范
页 眉:header 内 容:content 容 器:container 页 脚:footer 版 权:copyright 导 航:menu 菜单:menu 子菜单:submenu 导航:nav 子导航:subnav 标 志:logo 广告:banner 标 题:title 侧边栏:sidebar 图 标:Icon 注 释:note 搜 索:search 登 录:login 登录条:loginbar 链 接:link 信息框:manage 滚动:scroll 页面主体:main 内容:content 标签页:tab 章列表:list 信息:msg 小技巧:tips 标题:title 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 友情链接:friendlink 页脚:footer 版权:copyright 提交:submit 文本框:textbox 统计:count
以上结构可以组合使用,例如:左列标题lefttitle;底部导航footernav 书写原则是: 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词。
常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为 “searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn