搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
( A. g2 J, k% N8 g( V% l页头:header 2 W2 L3 M s3 `3 v) Y. L
登录条:loginBar ( t- n- Y u0 _1 F
标志:logo 0 s, \+ V) `4 ?* o+ X
侧栏:sideBar
! T* z4 e! Y6 s: B/ F. ~% Y3 |广告:banner 4 w {2 a2 u4 }2 d& [
导航:nav
5 L+ \' q* R- a+ A* c/ r子导航:subNav
2 P8 q' E2 v; a菜单:menu
: e) `3 I% \8 s1 i% n5 }子菜单:subMenu 1 m& t6 H7 H* v: K! u7 }
搜索:search ! F0 [4 o1 I$ L- O
滚动:scroll
( I6 J Z2 x! q( Y5 _) D/ I页面主体:main
. W# u9 d7 Y$ _9 q, x8 u内容:content , Q+ Z; h9 h$ _( [
标签页:tab
! q8 P* A, M6 T; H2 W$ `" _, c文章列表:list " e% i4 d3 a2 K- f9 e5 h3 b
提示信息:msg 6 O3 z% ~ j2 h9 B& Y
小技巧:tips - j. J! d; M& ^) b) M
栏目标题:title
' \, w1 ]! g0 J: O4 k1 J3 K友情链接:friendLink
/ B+ Y) d8 p N) K页脚:footer
/ |/ G0 U- S. H# A3 b a' G7 U: V加入:joinus
[+ z5 I+ p4 p) k指南:guild
& Y# L- A' | a0 F0 C3 P. t服务:service
; n/ D1 c. k; t( J热点:hot 1 Z0 |% E. o ]; I
新闻:news ) u. r3 c% `: u1 b! H
下载:download
; E9 [! T" u+ Y& }- g6 Z8 Q% Z注册:register 2 h* c0 w9 N+ }: H/ Y1 R7 f) O% q) W
状态:status ) W& b! g- S: ]& I- x
按钮:btn " f/ M- m0 X, M& P
投票:vote ! p" r/ \! ?* G0 J4 X( J
合作伙伴:partner
: n* ~- o9 M( N& |, y, T" F8 R版权:copyRight
# h/ T" V4 R6 I) H1 a1.CSSID的命名
$ ~+ y: z9 S! A1 b- M& M% W8 `+ ^5 a外套:wrap 7 U9 C9 [# \/ m3 @3 k: g
主导航:mainNav
* d& V' |/ \( h) E& x& h3 p2 [子导航:subnav
% q# z V" H9 _3 ^7 l+ ~页脚:footer ~3 x6 e$ I$ j6 T% d: [
整个页面:content 0 d! W5 ?$ G0 r
页眉:header
) N7 y7 Z9 l+ x$ C. f页脚:footer
3 G. t0 q# @6 P5 ] E商标:label . P0 o, I# o3 @. X$ [9 e: k
标题:title 6 x1 k/ Y" n3 f! ^: e
主导航:mainNav(globalNav)
# w0 z2 t$ W* Y" a顶导航:topnav
0 q6 [2 A# }" q4 A边导航:sidebar
6 D5 A b# ^3 _9 J; F左导航:leftsideBar
2 s, V* f2 |3 w) G6 r Q, l0 R右导航:rightsideBar ' n% D% U* p: _" u
旗志:logo 5 G+ ]0 i7 B9 Z/ V) P
标语:banner ) Y+ H) w; V3 \( \
菜单内容1:menu1Content
1 j1 X) Q! N9 V7 M9 v菜单容量:menuContainer
! S0 l/ H8 Y6 H, _ F子菜单:submenu
) }0 E7 X9 B( F0 R: \3 \3 _4 k边导航图标:sidebarIcon % H/ s" W9 b( K' T+ \
注释:note
! `3 u1 u* Y+ v( Y' U7 }# h面包屑:breadCrumb(即页面所处位置导航提示) " _+ r; j7 [% p B
容器:container 5 b4 u7 {* E: I( z$ h; c- L
内容:content
' z' K6 l3 o3 z( {, c4 t/ |搜索:search
, B$ R5 f2 T8 d5 P r登陆:login ! `6 j4 h/ I( m) ~0 K
功能区:shop(如购物车,收银台)
, c& H* W% h2 \+ {# o当前的current 6 I; y; D5 x) m) ?& ?8 f
( e1 D' Z9 i) n; N
|