搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则: ' c# s% T0 a7 S& e) }6 U1 W6 f9 S
页头:header ; L1 ?4 l% J+ O0 N J
登录条:loginBar
' A6 [! J* t% `' s* @标志:logo 9 z1 T/ y+ c7 s8 M- e J
侧栏:sideBar
0 j# r! I/ [- c6 w& L+ J广告:banner ' ^% J6 ^1 f, S6 g9 A- d* v' E- D! h
导航:nav
8 j0 q' m1 d% O* p子导航:subNav ; D5 w, {8 E9 b6 p
菜单:menu 8 \. h4 @! w- O& a. E
子菜单:subMenu
. L- U9 t, p9 E) S) e搜索:search - S( ]/ ?& L$ f& Y- r2 a
滚动:scroll
# i& c/ } u) Q! F页面主体:main
2 i+ F& f0 A& ~' |6 C- P3 Q内容:content
3 [4 s% P% L$ l5 q, p标签页:tab + r% D. `* W6 E/ l" b7 n& E( O
文章列表:list ' e6 c2 G1 r$ M _1 ]
提示信息:msg ' Q5 g0 N4 N, t# \# {! s9 g
小技巧:tips . h3 h5 |$ X4 o" W' U
栏目标题:title + A) _" G0 W- \" d
友情链接:friendLink
5 {6 Z5 v1 G: b7 P S/ R页脚:footer 7 @7 G% P0 J V; _
加入:joinus
7 }4 I/ U) W; k. L3 H指南:guild ; {& f$ X& C: M
服务:service 5 r6 o6 i& M. C7 n6 p% E6 m! A7 ]& |
热点:hot # `! Y* X9 }; P- V3 i/ ]5 c% C" u
新闻:news 4 j' c) X; ?% g2 n2 ]; \$ u
下载:download % Q5 b1 j9 e+ a2 J' j0 y
注册:register ! `' S* s* M5 D! i2 [
状态:status 8 W% }$ D/ O7 \ p. U
按钮:btn
% \1 e( Z4 C# T- S: ~4 e% C投票:vote `( b7 W" |7 Z2 f# T5 R. e
合作伙伴:partner
7 ~6 Z, o" W6 \/ Z. Z版权:copyRight . ?( ? c/ {1 V3 v8 L, W! k
1.CSSID的命名 8 N! c! z: i; N# c8 s
外套:wrap
4 K& c+ G" J( V- `7 |4 d) }主导航:mainNav " s+ f' {9 _' }
子导航:subnav ! ~3 u* _6 J- k1 W
页脚:footer ! @& `0 ?) m/ n( Q+ L# V
整个页面:content # N6 _' n- Y+ X8 I& i
页眉:header
4 n8 x- h: @: F& v9 F. D: G8 p1 ]页脚:footer
1 a0 Q6 t2 R# y3 S商标:label * L0 p* J; Y( W2 W* P+ d% F7 e
标题:title
1 b; b5 v% ?" n! o/ I( \! t主导航:mainNav(globalNav) 9 ]+ B+ r# d) _3 @
顶导航:topnav 4 w2 R* {7 p1 s
边导航:sidebar
7 f, V( m8 M" F3 I9 t: R/ _左导航:leftsideBar
1 F7 \% X# X$ j2 b右导航:rightsideBar
- ~) T) X9 X! `0 w `- u& N" m旗志:logo . b9 K( V7 S+ v8 C* n8 o2 `
标语:banner 7 s1 {9 y+ M2 _
菜单内容1:menu1Content $ `( F5 y7 m9 h0 [7 ?% y
菜单容量:menuContainer 8 t! ]4 x5 U# o. [& i( m0 F
子菜单:submenu
* X3 ~# J' e* y3 T边导航图标:sidebarIcon
6 B1 O* Y6 y) d9 q3 |4 G注释:note 6 }1 F+ E! S- X* ^/ C1 j# `
面包屑:breadCrumb(即页面所处位置导航提示)
4 U( [: Y5 @/ [* m容器:container ! O {# P. J% P& t; |
内容:content
_% @$ u- {. [& }: D- x搜索:search
7 V8 y- J( p0 j% j登陆:login
1 [) Q$ ^6 ? f8 l, s3 \功能区:shop(如购物车,收银台)
. T, l: Q# u1 ]; Y当前的current / B1 q7 u, O; t0 t' [+ s
2.样式文件命名
; _# d, e5 ]$ x; M* Y主要的:master.css
' M2 I7 x7 q: B# V布局版面:layout.css
+ j- V* Z( _' J) P. k5 Q专栏:columns.css
% I, m5 J w5 g# y+ q文字:font.css
+ H" d( T6 ` D5 f* L/ Y打印样式:print.css
! m6 k& {% D! \; ?/ h主题:themes.css
' E# G- G: m3 h2 |3 z |