本文不介绍具体的命名规范,而是一些名字的命名,拿以借鉴
头部: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 标签页:tab
文章列表:list 提示信息:msg 小技巧:tips
栏目标题:title 加入:join
指南:guild 服务:service 注册:regsiter
状态:status 投票:vote 合作伙伴:partner
id的命名规范
1、页面结构
容器: container 页头:header 内容:content/container 页面主体:main 页尾footer
导航:nav 侧栏:sidebar 栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
2、导航
导航:nav 主导航:mainnav 子导航: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
class的命名:
主要的 master.css; 模块 module.css; 基本共用 base.css; 布局,版面layout.css;
主题 themes.css; 专栏 columns.css; 文字 font.css; 表单 forms.css;
补丁 mend.css; 打印print.css