搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则: 7 Y3 o' ?3 ?+ z
页头:header 6 x7 S' i U) M9 [. H+ w3 O& [% z. q
登录条:loginBar 5 g4 M6 R. |! }6 r2 E
标志:logo
6 A7 ~0 B: A6 B: _5 t侧栏:sideBar
{ g7 X" r: H9 v广告:banner
% Q+ |5 q2 R) s4 G0 \4 }- N6 q. D导航:nav ) B( E1 n9 I3 Y) z# {2 g! |; m
子导航:subNav
: B* E1 a! E3 _2 {; ^" E' E& D) U菜单:menu
# q/ z! Q: ?4 g3 l# S* Y2 q9 Z! T子菜单:subMenu
) X x; f# t1 c# H( T8 x搜索:search % B3 \- h: y' k
滚动:scroll
0 n* |( v) T- M5 z" m% h/ Z页面主体:main 5 A8 d2 b$ U- i; D- |
内容:content
/ k& N( M/ C! X# k8 r) s, Q4 h9 @标签页:tab
' u i- A2 Z; n/ i0 {文章列表:list
* z# A% G g$ L( k1 u# H! W提示信息:msg
. t3 a# ?, o; w( f) s( |5 G$ G小技巧:tips
3 O8 l7 q" f" ?0 E栏目标题:title 2 O' O+ F- n: R/ g
友情链接:friendLink 7 g" M7 m& \: l) J
页脚:footer 0 z) z/ I+ F$ M) d
加入:joinus
/ s4 Y& Z$ V8 n1 g指南:guild
% O; }% p+ D2 @5 Z服务:service
$ _, V/ f6 C+ v! p6 Y7 U5 d% o热点:hot 2 s, E$ h1 o/ S/ ]" ^0 U
新闻:news
2 K- S* i/ X: k下载:download
) U, Y- I- L, y/ d4 b2 O, \- l3 m注册:register , q, P2 I) y+ c: a9 f4 j' u/ f
状态:status ) I6 R6 W, n+ {7 v, O* d
按钮:btn
# {$ v' W% h# x& d. P投票:vote ( k9 z" ~* L+ b9 w2 q
合作伙伴:partner
3 l$ y t s% f. E# h版权:copyRight - `; }2 D7 G3 {% `
1.CSSID的命名
0 @2 w* a5 a( S) O7 Z外套:wrap
% V2 b8 f3 u& Y1 q: P7 N主导航:mainNav 5 r8 C# e. ?1 F# N- z( W7 n
子导航:subnav 0 P& C5 E* L/ i4 z/ Z5 I
页脚:footer ' U2 s+ {: J# a6 }: ?
整个页面:content
# O! A1 i: S* j; u页眉:header $ Q0 h9 j1 @7 J( U3 R
页脚:footer ) C4 k' J, c" Q/ q6 D
商标:label " N, Z4 h$ t1 g- k$ p% K1 E. _- Z
标题:title " D; F7 Y8 Q0 s. d0 a* ?
主导航:mainNav(globalNav)
3 d; D/ |. x% g1 e( j w顶导航:topnav ! s# F8 Q8 r- y
边导航:sidebar 0 y9 t8 Q8 x) P% r
左导航:leftsideBar ; {& t" y* \. @3 V: x. L
右导航:rightsideBar ; ?3 M9 z& a0 T3 y: l0 D1 y' _# B
旗志:logo
/ S) G$ C+ u0 e+ J标语:banner
, ?1 e3 f/ [" @" \1 U* A! Z菜单内容1:menu1Content ( D9 `6 L- H7 X' Q7 ]! U
菜单容量:menuContainer C# z) K" |9 u. }
子菜单:submenu
% D( ?5 a* I& U/ X边导航图标:sidebarIcon 7 q# T p/ F. J" ~
注释:note
, D, ]. K4 `# J8 ?/ w) S+ o/ j面包屑:breadCrumb(即页面所处位置导航提示) + L# J$ Q6 p A" a0 O+ C& E8 Q; V
容器:container / G0 q5 Y) \5 Q, o. M
内容:content
% z9 B* d! U( F+ b% \& b @6 ?6 J* t搜索:search
7 Z6 }- n2 [7 I2 K- F- ?登陆:login
" ^) Q- F0 D" o, F; t0 S% v功能区:shop(如购物车,收银台)
" v% s2 Y" q1 N( e9 D7 R当前的current ( X$ e7 x0 ^& w, o9 @3 ?2 z- r6 x
2.样式文件命名 : T2 B" Z7 N" [% s
主要的:master.css # \- h) Z e; ^) [7 V( V# R- z
布局版面:layout.css : Z6 ~5 R$ A) L: j! w, r* c+ m2 x. e
专栏:columns.css
, M: x5 V5 R) R8 L. P0 r1 ?文字:font.css 1 L( G \$ f% |2 Q* |" j
打印样式:print.css
+ `' v- H: C- Z主题:themes.css
5 a1 C; t3 K9 F8 O; ^$ P2 s" B) }7 p |