本帖最后由 倔强 于 2016-3-6 19:42:22 编辑 / D p! W$ [; [/ b
4 a6 M; k# B2 W. l8 i+ I
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
i1 g# I8 G+ `+ N9 f9 H- v页头:header
1 N5 Q& k4 f) ]( s0 U& X! p5 W% k登录条:loginBar
# Q: V* Z K. T1 P, W1 P4 T标志:logo
' V/ \- l7 t4 U! k9 ^$ L侧栏:sideBar4 ~! ^( C! s. B5 y
广告:banner2 {' c) t: h: U+ {* c
导航:nav
+ z: Q% ~6 T+ j% Y/ j7 M+ x1 i子导航:subNav
+ ?& d# Y$ t* a- H# ~菜单:menu
% u9 E8 B5 v' f子菜单:subMenu
' `# V* b0 x5 }- F, |& u7 a: x搜索:search
. Q/ d% S4 o# r# X, y2 E滚动:scroll/ j+ c8 X: P# a- V- A
页面主体:main9 T. z8 Y3 S7 w
内容:content1 |* a( |7 z- w8 G' B
标签页:tab
3 c$ L3 X. Z9 u, U/ j! N文章列表:list: k0 y0 O4 x6 m0 w
提示信息:msg( f- i0 U. } L7 j6 Q
小技巧:tips1 t6 C9 n7 _5 S
栏目标题:title
+ E$ h0 E- C$ V6 x友情链接:friendLink
$ ]4 c8 \1 F+ B3 L页脚:footer0 `% {+ o. x% s( U9 s a
加入:joinus
6 a& ~9 e5 g, }. B3 B指南:guild
' E* r, K% E& H( ~2 ?+ R4 {# @2 B1 A服务:service# q2 z7 S' J# d+ ^
热点:hot5 m+ T# N+ o* b( L: Z; L
新闻:news
9 O2 @# U* J/ z& J" g下载:download
$ J- k2 v, ^: x( y& ~0 k注册:regsiter6 l' F0 t2 L' U# B8 V8 S% G
9 _/ e2 W+ K$ F* u
状态:status
, b# s5 ]5 z7 c2 ]) D按钮:btn8 G( l+ N" G! s& i% ?
投票:vote2 K# s1 t3 Y/ }% m- {# ]( N
合作伙伴:partner- p2 ]% G$ u/ X, \- l3 p# @ A
版权:copyRight+ V( q/ I1 N& X5 i# L
CSSID的命名
4 M8 D9 \- K4 g* ^6 s/ D外套:wrap
H5 T$ R ~7 [6 l/ _主导航:mainNav) b6 _( U9 k9 Y; f) r% V
子导航:subnav2 _! p$ o0 a P- G* ^
页脚:footer
1 n( R1 L8 f5 F% l/ }, K! X整个页面:content
& V* l+ S! g3 D2 L3 q页眉:header
- J- W `1 E% A" @4 r; M; T页脚:footer
2 |/ x) }1 ~2 n# ~商标:label
0 |# H# A- B I+ X$ J* e标题:title
4 e- E# G: M6 B" K- x' z主导航:mainNav(globalNav)
/ O6 }9 m3 _1 c8 C- T4 p顶导航:topnav
- T0 z/ {1 i# Z+ r8 @5 U; ]边导航:sidebar
' g" m' v$ J9 W2 W左导航:leftsideBar9 E) ?0 o% t4 `' x0 O6 l
右导航:rightsideBar: Z, M- p* K( e( W% g4 J8 ^7 u% i
旗志:logo- l- V8 h. `9 E/ ^
标语:banner
, o0 s1 a# F% N) V; @& }- y1 P% o# T菜单内容1:menu1Content
( q9 Z9 q) q N! o5 h- _! D; K菜单容量:menuContainer- k( i0 V/ _( _$ m) h$ }
子菜单:submenu
0 `( E% {/ T2 r/ r$ Y* U' E- J4 C边导航图标:sidebarIcon
) f0 K7 U w" ?1 F/ f: R% T注释:note
5 J! w. O6 N5 z0 I$ [+ M$ z面包屑:breadCrumb(即页面所处位置导航提示)
) o9 |4 ]( e' b6 A0 C) _( n( D9 {容器:container1 G. v' P! \% x$ e" I/ A
内容:content
0 N* w; M! e1 ?5 W* ~搜索:search$ ~* o! J4 o, {$ V5 C" w
登陆:login5 Y7 B: I* k' K2 q* ]
, x& d" t, X b! Z% f
功能区:shop(如购物车,收银台)3 G- X; ?' A0 X- G
当前的current
$ U* |- T$ Q; k) g" {( Y样式文件命名6 x# f' D( j, |6 f1 `! l
主要的:master.css
) L8 c' W* f! S% ]( C# Y; g" V布局版面:layout.css
# f4 a x7 ^2 a* z专栏:columns.css
4 e0 {* d8 y* a1 x文字:font.css n5 l0 @8 G! Z. f1 c+ @
打印样式:print.css2 x4 H3 Y$ ^) U& M$ f$ m5 O
主题:themes.css2 ~' {- x+ Q, S: Q. Q4 `. u
seo优化大神交流群541214515, Z4 O: o+ ]# z" _' i: V; M
% S: v& W" f a, U$ o {
3 J0 T- z2 Z, T1 g# v) L9 \
|