有利于seo的div+css的命名规则

搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：
! @: _* f( R1 u& J& I0 M3 H5 K# G0 {1 y1 c' H页头:header
- w# V( o& i$ E; I! N. t登录条:loginBar
标志:logo
: \( m% e' C: E; d! J侧栏:sideBar
; t7 @6 n) K3 r- s. ]0 U广告:banner
; l- W* w$ @* V; o' A7 x1 O导航:nav
子导航:subNav
菜单:menu
( l3 @4 e7 F$ M; E4 W子菜单:subMenu
搜索:search
# U- k; E4 y# N  t7 C# {' d滚动:scroll
页面主体:main
内容:content
1 m" q# ]" S2 ^+ l7 k标签页:tab
; i1 j9 `- W# }; o* v- l文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
2 s1 v0 y$ @* t7 m: F/ v; Z* Y/ }指南:guild
服务:service
! I, E* j- z) i热点:hot
2 H# D! \8 f' Z新闻:news
下载:download
; t- R4 P; c1 A7 Q& H3 ^7 Z( J, z- L& ^注册:regsiter

状态:status
按钮:btn
投票:vote
6 E! M2 l- k8 k% ?; E* s合作伙伴:partner
版权:copyRight
# f( w0 k1 G& k8 p/ hCSSID的命名
外套:wrap
- K2 h6 b' ~/ ~7 m( }! ]主导航:mainNav
子导航:subnav
3 [! `5 {/ T2 y$ r9 G1 o页脚:footer
整个页面:content
页眉:header
页脚:footer
商标:label
* x5 h1 z  s) D8 N8 R0 \标题:title
主导航:mainNav(globalNav)
9 _+ |+ L) ^- b6 m0 c5 v6 V6 U) a7 g顶导航:topnav
. ~, ^9 N. E( _0 M) u" A- C9 Y# R$ I) M边导航:sidebar
2 V# G4 x& Q5 [; {4 Z$ ^8 A左导航:leftsideBar
% v2 R7 Y0 v) H6 J/ h5 `右导航:rightsideBar
旗志:logo
标语:banner
菜单内容1:menu1Content
菜单容量:menuContainer
子菜单:submenu
' s+ Q" n/ F% V9 _( h3 K7 U* r边导航图标:sidebarIcon
注释:note
面包屑:breadCrumb(即页面所处位置导航提示)
$ C6 X& t' ?8 v& L$ L+ u+ E容器:container
内容:content
: g: D( O* N. y9 ?/ H- T( N8 v+ t搜索:search
登陆:login
" R) Q& M7 I5 Y7 e6 L
功能区:shop(如购物车，收银台)
3 a0 d( B3 z; ~% t) h当前的current
% H0 O; R0 Q( B1 I: Q样式文件命名
$ `1 @9 @' f: f% s3 u6 ^, C主要的:master.css
布局版面:layout.css
# u; w: B6 e# o专栏:columns.css
( H+ Y' H5 v6 d8 Y0 p- o- Q. e/ n文字:font.css
6 ?! D2 V1 `' `  |打印样式:print.css
主题:themes.css
seo优化大神交流群541214515

每次都这么轻松的抢到沙发也是一种无奈

SEO是长期的，SEO学习更是如此。这边有一个SEO新手学习群：137303464   验证：1 欢迎加入组织

这个分享太实用了，刚好能用到，感谢楼主！

蹲了这么久，终于看到有价值的讨论，支持一下！

楼主太厉害了，整理得这么详细，必须支持

完全赞同，我也是这么认为的，英雄所见略同～

楼主辛苦了，整理这么多内容，必须点赞收藏

分析得很透彻，很多细节都说到点子上了～

这个思路很新颖，打开了新世界的大门，谢谢分享