搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
/ J* w! q/ q" m% Q: C页头:header
. R9 R) m0 P! M/ G5 R! b9 ~登录条:loginBar 7 X0 ]7 f) a4 U/ q6 M
标志:logo
' u' B4 m# W6 g- B3 N4 C; {侧栏:sideBar
" w0 j5 Y# A% b3 {8 ~( @广告:banner
c* G$ u+ k" B; D6 j7 w导航:nav
- L% I0 u; J9 r2 p4 j子导航:subNav # i8 C4 J# P5 x0 A( P
菜单:menu
" v1 _5 A+ X% R, S$ N5 n子菜单:subMenu
$ A+ U2 \. Y; D& [搜索:search
- L6 c8 N3 J& D. }" ~滚动:scroll 7 o. _1 e' b7 V. k& t$ R
页面主体:main
5 A0 n- u% e# ?& l2 |内容:content
g( Z7 K# Q) q* g6 p* d# G标签页:tab
% @4 z6 w' P5 h$ {! I) X文章列表:list
3 ]. f3 s! x1 E, N- j5 {提示信息:msg 3 m, P: h; T9 W) N0 a/ {1 b
小技巧:tips 8 S$ W0 ~' U7 k0 c
栏目标题:title $ N9 P3 V- h4 C2 v- {
友情链接:friendLink
, O. R5 W' E# G8 G页脚:footer 5 Y; W0 W( h; g7 F
加入:joinus & R: q5 H( L6 H; h
指南:guild % ~1 ]* T8 q/ ?
服务:service
, D; V+ }. C. j热点:hot ' [, U* h/ X+ R+ p4 {
新闻:news
& ^+ W* H5 J$ l/ z3 ]0 c下载:download
9 P8 u1 w" @2 }% ]$ y5 {注册:register
; Q9 F1 q& ]" r( B3 ~/ S状态:status
- [4 B4 x7 G" \, H3 Q按钮:btn
H; b2 K% r4 A( `投票:vote
4 z$ Z% {7 u. |6 d( x合作伙伴:partner
9 @7 t. m- @5 Q2 k6 F5 O版权:copyRight
/ s/ ^6 b' P4 x+ ?1.CSSID的命名
2 P$ y1 @4 o t9 H7 E# ^9 @外套:wrap
% C0 j: D9 @ Y k主导航:mainNav 7 b6 x7 E& m$ T" o
子导航:subnav : V5 v( s* g4 {) e
页脚:footer # M4 [% G1 o; U" ?! K$ ?" Y6 ]
整个页面:content
3 R. l4 r/ |4 n' Q7 m' T2 F页眉:header ' a' Y0 u8 X a
页脚:footer
C- Y/ t3 G B3 r( b" v商标:label 4 D, Q9 |1 L/ v6 b
标题:title
# D" l2 M5 ?) N# b# s# D主导航:mainNav(globalNav) / H3 a1 ~7 |. [% U5 V
顶导航:topnav
; Z# e: L4 S% r( C2 `边导航:sidebar
7 x/ ~3 F( S2 r& \左导航:leftsideBar
5 w& i3 @8 e1 D3 S: Z, Q% O右导航:rightsideBar
6 @8 c. A5 ]' r" _& n4 c旗志:logo 8 L4 {! g) R: m' }6 h& Z: K! _
标语:banner
4 _* u& H; \1 \, I菜单内容1:menu1Content 4 x9 z: O; ~! A4 m6 S' S
菜单容量:menuContainer ( Z3 t, Y3 {$ ^7 W
子菜单:submenu 2 b4 Q' s; j( D: t# z+ M
边导航图标:sidebarIcon
7 W7 a; l- P. R/ d( ]2 Z G$ e注释:note # g1 e. t* ?3 A! p* g7 p: [
面包屑:breadCrumb(即页面所处位置导航提示)
- \/ W2 g4 i# L" K1 b' ]) Z. P容器:container
4 v7 E9 D1 Z' e; T) L( \! V L内容:content p5 A1 p& `" z1 c$ x
搜索:search
! l, E# z, B1 E) ^登陆:login 9 a, w- T& Y; m4 ~
功能区:shop(如购物车,收银台)
7 a2 G0 l7 V3 S+ o: B当前的current 0 s/ f2 |" _; A# O
; B! i( O; R8 ]) m' _# a O' p |