搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则: e: t4 T7 h6 p% j# h0 c* i/ c1 \! l
页头:header ' P3 F! h! P' P5 i3 o1 _
登录条:loginBar ) g+ t& B1 V; d) h1 ]9 ?
标志:logo
. }1 i0 ]# t: c2 K2 Y侧栏:sideBar ; ?; @9 u; E. R1 _
广告:banner
5 K' U5 {; I5 z2 `3 Z. E5 G导航:nav 9 |# t& w4 L9 D! w9 r
子导航:subNav " }3 u3 [- f7 S1 h& V% T
菜单:menu 8 u" N4 u$ i# d6 ]
子菜单:subMenu
- j7 q! e* z2 u0 g% i搜索:search 2 v e& b1 |9 x4 S+ h5 L# z9 x6 p
滚动:scroll 5 E f. W' y/ {' }9 |, G
页面主体:main
* o' P! x @% h: w内容:content
- _5 v z& Y* b% w4 d& j标签页:tab
) f2 }: p5 x1 o/ V+ {! S文章列表:list
3 }1 `+ D4 y3 c) {2 F6 v- g* O提示信息:msg
% D0 Q. S X- o小技巧:tips * {( w) u+ v B. E
栏目标题:title 2 ]' u$ p- k% v. L" L- Y; u9 y; `/ S
友情链接:friendLink ( }, _* l' s8 I* v
页脚:footer 1 U3 {! f% R x8 N1 ~
加入:joinus ' Z9 q4 h* \4 m1 Y3 |
指南:guild : l7 }( K( }8 \" ~1 j
服务:service a1 z7 l& c( }" q! _* Q2 ^
热点:hot
: ^8 b3 s2 Q0 m( ?% i新闻:news $ ^0 L2 q9 P3 ^5 A, T+ K
下载:download
9 Y* f! n* P* }8 |( X/ a注册:register
: X& `; `& g" J* W& g0 Z+ t3 E* A状态:status + h" e! Q2 ]3 U
按钮:btn
2 o# h' `# m& e/ J& m- ?( ^投票:vote # s1 ^) m# ], E+ e, P
合作伙伴:partner % |; Q" Q/ l4 ?; n
版权:copyRight * Z* z' u; ?3 z* ~, V- z0 C
1.CSSID的命名
1 }9 a/ K' Y- `9 _外套:wrap + R( e: H7 T( ?9 ~$ O" b
主导航:mainNav & P+ j5 e m3 g0 ~* I" |9 }
子导航:subnav
2 [1 C( ~' ?5 V) C; |8 Q @1 z) S页脚:footer " G+ i# F% f1 Y; y5 }+ ^/ ]
整个页面:content / j0 q; V, }) J7 y* c9 c$ j
页眉:header
. X5 ]( F$ b2 c' L. s页脚:footer
4 o c( {. h2 C; X/ R商标:label ! W1 I# ]' `* B7 H7 j: U
标题:title 8 b0 B |2 n. S* C
主导航:mainNav(globalNav) 9 s4 u4 Y; c4 O1 {% B
顶导航:topnav
; V( ] a* I# x' U( p边导航:sidebar
3 ]. C# } @/ C1 M- R+ Q5 Z `! u左导航:leftsideBar % o' u1 v) ~# @* X! g6 m- I
右导航:rightsideBar 2 d" c9 z. G7 F5 X& Z: G
旗志:logo / u; y- l6 @2 E" p3 Q
标语:banner . i1 W2 S; [! Y; y- [" W2 c
菜单内容1:menu1Content
2 \; e3 N$ `% g9 Q菜单容量:menuContainer 7 T8 B1 J" U7 {0 r( u' C9 D; @
子菜单:submenu
3 A; F/ F, B, D1 m5 r边导航图标:sidebarIcon
; M- u+ x8 Z4 a/ y# J4 J注释:note ! ^2 X, A& n2 I/ r
面包屑:breadCrumb(即页面所处位置导航提示) - E/ u: ?& f) d4 j6 ]7 d( G
容器:container 0 s' U/ G$ T( N- z `# ^2 B
内容:content
1 x7 h( D5 Y) m, [8 H6 t8 @搜索:search
. v! M' k" v' t登陆:login # T ^/ \! |* W' J) S" ?, v2 o
功能区:shop(如购物车,收银台) 1 [( }/ W7 @, Z# |
当前的current % M) T% m% P" G
9 j; o3 i1 ^/ k+ m1 W! R. c |