web标准：div+css命名规则

SEO（搜索引擎优化）有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下：　　页头:header　　登录条:loginBar　　标志:l ...

　　SEO（搜索引擎优化）有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下：
　　页头: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
　　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

评论

2 楼 sbpya 2009-03-17  

k

black.angel 写道

这帖子要收藏起来,非常的有用.这也可以说是前端开发行业的"潜规则"吧.

呵呵!

1 楼 black.angel 2009-03-17  

这帖子要收藏起来,非常的有用.这也可以说是前端开发行业的"潜规则"吧.