有利于SEO的div命名2011-9-4

搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：

页头:header  登录条:loginBar    标志:logo  侧栏:sideBar  广告:banner

导航:nav  子导航:subNav  菜单:menu  子菜单:subMenu  搜索:search

滚动:scroll  页面主体:main  内容:content  标签页:tab  文章列表:list

提示信息:msg   小技巧:tips  栏目标题:title  友情链接:friendLink  页脚:footer

加入:joinus  指南:guild  服务:service  热点:hot  新闻:news  下载:download

注册:regsiter  状态:status  按钮:btn  投票:vote  合作伙伴:partner  版权:copyRight

 

CSSID的命名

外套: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 on cur等

 

样式文件命名

主要的:master.css

布局版面:layout.css

专栏:columns.css

文字:font.css

打印样式:print.css

主题:themes.css