搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
w+ J9 S3 E |" I5 C0 a" t页头:header
, m% Q a) j5 y' c' H6 P登录条:loginBar
/ Z& D0 E! }* Y, ?& \标志:logo , V4 t6 ?7 z1 Q# J1 T+ n1 C4 Z- K
侧栏:sideBar , T, S/ b$ H+ F1 P
广告:banner & t/ H1 m: i: X7 D! E! i
导航:nav ' m9 `9 x" `2 A
子导航:subNav
+ B8 a6 j0 s u4 o% y菜单:menu 1 k/ k( W6 {5 U% l' k0 b3 E) @
子菜单:subMenu
; J9 u% u- W, H/ b. s搜索:search 2 {, ]( |9 e8 }1 o7 }9 ?
滚动:scroll
: o$ X6 k: Y5 x6 q2 w" Q页面主体:main - a8 L" c# X1 M0 _% l
内容:content " A& ~/ I- O1 O" C6 i+ `4 c
标签页:tab : B3 d# r4 _, e* n% E1 r
文章列表:list 5 {) x: T) X* b6 _
提示信息:msg
* J3 e% S3 O+ { P$ h( r9 A, q小技巧:tips
9 a5 z8 w/ n$ T栏目标题:title
% r& t9 s7 Q, C/ k7 w友情链接:friendLink / w; F$ }/ Z7 \$ ]
页脚:footer ' n# D* H3 s; n+ p
加入:joinus
7 s( T. X6 C4 F# G/ s指南:guild
! v# Z! t' M/ h0 o服务:service 4 `. {2 o5 W' t( G% s
热点:hot # s; q8 H1 U: ~0 h3 g8 b
新闻:news . g7 G( A1 h$ y
下载:download % D+ z- W; |0 w; j
注册:register
0 C+ f5 b+ U V# R状态:status + S3 v9 x( `. `
按钮:btn 4 K( R) h3 q6 t
投票:vote 3 i: l/ O- o: G/ t( Y! @ x. Q/ A
合作伙伴:partner ' `) n' V; b! g
版权:copyRight
4 B" N0 t0 t D& Q. ~0 E% K1 n1.CSSID的命名 7 k2 Q* K1 c7 V0 j: n' [1 ~
外套:wrap
/ ]9 {5 J/ S9 K V# }主导航:mainNav 1 j: Z/ r+ Z/ F+ Y
子导航:subnav
( f1 K! n, |7 n4 Q页脚:footer - a _% d7 k5 h) q
整个页面:content ^; q5 V* o- S- |2 F( `9 i: G& z
页眉:header
8 @! X# B9 H; @# z3 O" J! L页脚:footer
2 Q' E8 D+ n4 w9 [: P p商标:label - B' F2 Z! j/ s, C5 c" s6 ~( y1 [
标题:title
9 o8 l& d6 m& ~& x/ y& f0 y主导航:mainNav(globalNav)
X3 J1 l/ b0 i3 O顶导航:topnav
) K- f9 G7 Z6 }* M, w/ b边导航:sidebar
/ b# W/ D9 j0 h左导航:leftsideBar ( P! f" a& ?9 @1 O; \7 C1 e
右导航:rightsideBar
0 m2 N! e; [) F8 k$ q. e7 Z: c旗志:logo * k* C& |7 z3 r3 B
标语:banner ( S( {; |5 r; L4 [8 M- C6 d
菜单内容1:menu1Content
' z- E/ E7 f# S+ k" Y1 {0 z菜单容量:menuContainer ( E8 ? F# K" l2 N: I, V! O4 B
子菜单:submenu
2 `+ C$ ^3 L7 v" ^! V边导航图标:sidebarIcon 0 L% o3 b/ O, P z; r
注释:note ! L+ P6 R8 V( P+ m- u/ a
面包屑:breadCrumb(即页面所处位置导航提示)
7 ]& t, G( L }) `$ r容器:container
s/ N; I1 ?) V; }8 M内容:content
* i; ^& C! `0 I8 Q搜索:search
0 ], H( @1 o3 X# Q登陆:login ) |, } g3 _. G7 k. L* t0 b
功能区:shop(如购物车,收银台)
5 Z+ ` E/ Z+ w当前的current 4 c- K4 h5 _6 W4 q% x* G
K ]$ o c! G4 y) |
|