本帖最后由 倔强 于 2016-3-6 19:42:22 编辑 # P2 k! U9 L- C( u6 L( u
8 N: T" f* u0 a搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
0 S- j9 D, W" W* n* X2 j/ d6 a2 R页头:header5 b/ S6 S0 f% _$ e; b0 ^
登录条:loginBar
! N" A) n% F+ W3 H标志:logo
% L5 {6 ~8 Q7 z5 o6 r3 ^侧栏:sideBar% G/ u# \; u. J3 {; r
广告:banner
3 s8 N# \- V& }) U* ^ J* V2 t导航:nav
3 u2 O6 t: O0 l' P子导航:subNav4 F: m1 v, E! N$ m, l
菜单:menu
3 h+ H! `6 u3 V- c子菜单:subMenu& ^ z' Y' o5 r; z2 E
搜索:search
+ R/ o5 U0 u' _& p
滚动:scroll
) y6 N0 a( ?+ a) y页面主体:main
% n% T% L- d! ~4 C7 p1 p) M4 ~" T; y- U内容:content; N! \; \ Q ^0 m
标签页:tab" \" z+ ?, y$ C3 ]* y& g8 Z5 N
文章列表:list% a' Q5 q$ p% w* g
提示信息:msg; B9 x/ M7 a* F! y8 u0 s) C
小技巧:tips4 X W3 A' g6 \6 A7 W
栏目标题:title
* S, n( ^' ?4 U" E8 z友情链接:friendLink
. u/ D" J' z7 L* v* ?6 b页脚:footer
" t- t# S. ?( L; Y. n9 Q8 j加入:joinus
- } T. B0 n$ t5 }0 n指南:guild
i# O4 N, t4 c5 f服务:service
4 n. }2 a! c& o$ y# ?* m9 O热点:hot
- T6 N0 Q6 T2 ]! ^5 f) u新闻:news* v9 ~( M" w; m) i' {$ k$ V
下载:download
7 b" ~4 \0 L4 w注册:regsiter
$ W; N- O9 y6 B _5 q: e/ S4 H/ l% [
, v3 {3 L/ [+ H4 H' F
状态:status+ A. o5 s1 ]! \4 o+ X: U. e( s
按钮:btn
8 T# h' }4 K2 w8 ~投票:vote7 m7 s4 b' d( t' i
合作伙伴:partner
- x7 I$ F8 y c1 N+ L版权:copyRight
' |" [) N. G3 b! r- _$ N. t, qCSSID的命名
) n; S. x) m0 Q, H- [5 B外套:wrap
/ B3 v0 q( u4 |8 Y6 m' c主导航:mainNav! Q: J1 O, Y/ ~5 E$ t+ g2 z
子导航:subnav
" Q0 P2 H7 ?) u3 Y. H% `6 _页脚:footer: r- s$ ~0 W* w4 I! U5 ]0 _
整个页面:content/ L$ m1 \7 @: w4 t2 L& \
页眉:header
~: o, c+ P8 j页脚:footer
, O" e; V y7 Z. u! w; m4 x商标:label7 b& _! a& T0 M7 B
标题:title
) U* R8 t. ~: ?0 j主导航:mainNav(globalNav)
8 _# t* h, {, d1 p/ a6 z W( T% |3 f顶导航:topnav" {7 f* B9 E& v( f! `) |
边导航:sidebar0 S+ q7 m' ~; e L
左导航:leftsideBar
B I- E+ G1 L- E+ H% y7 m右导航:rightsideBar! c* L0 r# p2 D/ Y
旗志:logo
3 b2 }( `7 x: v标语:banner: p5 V# Z2 O5 Y# E: @) t
菜单内容1:menu1Content
0 O; Y" @2 C! I. R9 T菜单容量:menuContainer
: E8 S3 w S G. {4 B6 C子菜单:submenu
: s( o8 O7 e( S; x( `$ y( ?边导航图标:sidebarIcon/ r/ q+ x, P! n0 w% I
注释:note7 [9 Z3 e) c" i1 k! K* M& w
面包屑:breadCrumb(即页面所处位置导航提示)4 m: D. w: k2 J% t, c: S
容器:container* ?( A& {! f0 v/ D( E# R4 {
内容:content, Y* u1 R6 t: z
搜索:search
2 ~: ~/ [4 n) ]1 Z! t登陆:login
8 k+ G- ^0 \% \- s
" M# b2 n, T) J/ X) A4 G" j* s. f功能区:shop(如购物车,收银台)
# o: _" J2 }( u* t9 [; [7 o e8 M- ]当前的current
& c0 h: `4 k& {/ P E样式文件命名
% O- s. M" D- W2 @主要的:master.css
9 n% z E0 X, |! S1 f5 ^! W7 O3 }布局版面:layout.css0 h, g0 g# y- ?5 b
专栏:columns.css
/ c1 c- J) f- y$ L. c7 w文字:font.css
5 ^7 s+ M4 [" S0 O4 \打印样式:print.css4 g" ?; w$ k; J% c& B
主题:themes.css; I. s2 X P* k% I3 ]/ m
seo优化大神交流群541214515/ p6 o& Z' f" s: J* ?3 Z- @+ w3 i% h
, J, y' h' n3 Z
9 ]& h0 d/ ]8 T' Y
|