有利于优化的div+css命名规则

上一篇 / 下一篇 2008-05-13 15:54:25 / 个人分类：网络知识

最近整理了一下有利于网站优化的CSS+DIV的命名规则，有兴趣的朋友可以参考下
1.CSS ID 的命名
　　外　套:　　wrap
　　主导航:　　mainNav
　　子导航:　　subnav
　　页　脚:　　footer
　　整个页面:　content
　　页　眉:　　header
　　页　脚:　　footer
　　商　标:　　label
　　标　题:　　title
　　主导航:　　mainNav(globalNav)
　　顶导航:　　topnav
　　边导航:　　sidebar
　　左导航:　　leftsideBar
右导航:　　rightsideBar
　　旗　志:　　logo
　　标　语:　　banner
　　菜单内容1: menu1Content
　　菜单容量:　menuContainer
　　子菜单:　　submenu
　　边导航图标:sidebarIcon
　　注释:　　　note
　　面包屑:　　breadCrumb(即页面所处位置导航提示)
　　容器:　　　container
　　内容:　　　content
　　搜索:　　　search
　　登陆:　　　login
　　功能区:　　shop(如购物车，收银台)
　　当前的　　　current

　　2.另外在编辑样式表时可用的注释可这样写:
　　内容区
　　3.样式文件命名

　　主要的 master.css
　　布局，版面 layout.css
　　专栏 columns.css
　　文字 font.css
　　打印样式 print.css
　　主题 themes.css

　页头:header
　　登录条:loginBar
　　标志:logo
　　侧栏:sideBar
　　广告:banner
　　导航:nav
　　子导航:subNav
　　菜单:menu
　　子菜单:subMenu
　　搜索:search
　　滚动:scroll
　　页面主体:main
　　内容:content
　　标签页:tab
　　文章列表:list
　　提示信息:msg
　　小技巧:tips
　　栏目标题:title
　　加入:joinus
　　指南:guild
　　服务:service
　　热点:hot
　　新闻:news
　　下载:download
　　注册:regsiter
　　状态:status
　　按钮:btn
　　投票:vote
　　合作伙伴:partner
　　友情链接:friendLink
　　页脚:footer
　　版权:copyRight