本帖最后由 倔强 于 2016-3-6 19:42:22 编辑
/ c/ a* o! w* i2 G& k$ u+ K5 l
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:$ R( w2 \; V3 [0 {
页头:header- P( s7 w: p% c' p' L, D( |6 I
登录条:loginBar* n' a' J$ `$ y& |8 g5 A ~) m
标志:logo
( N0 d( f' E' s+ n1 T侧栏:sideBar1 a- G7 Y, d% L( V/ o/ e1 C1 ?" G
广告:banner1 f, n2 Z* ?- t" [* ]
导航:nav
( s1 u8 o( z7 K) R5 e( J; N1 T; j子导航:subNav; K! e# {* ]; v; z# @
菜单:menu
$ {3 M- B, C, r5 O6 ]子菜单:subMenu
' |" I3 A+ P0 H/ ~搜索:search
5 b; s3 e7 S$ z! W& ]- H1 n3 x
滚动:scroll5 v1 A3 n; ?2 D( Z- m( x$ \
页面主体:main0 e3 w( T7 ?5 N+ \. N; K6 y
内容:content5 t5 U. `8 Q6 h
标签页:tab
$ p- C& P- i4 E6 {8 X文章列表:list3 j9 u- M2 O' @/ T! T
提示信息:msg
7 M5 a7 b- [# Z' F: s- F8 J: L! a6 Z小技巧:tips, p$ k$ x( k( e8 Z/ D% U! }* ~& Z4 A
栏目标题:title
5 W8 l! b1 }5 _' ]+ w友情链接:friendLink$ I# I. `- ^# }
页脚:footer
& |; q/ a# r9 E) e, t, H8 U加入:joinus
# _& W" U, w' [' {' M/ I( g. u指南:guild
$ [9 c/ e( K- L( y$ E+ C服务:service
% A% b3 n; a% g/ q0 G热点:hot. T# {) C4 L9 G4 e
新闻:news
4 |7 }) D- j) k1 e2 c* N下载:download, D: B7 {+ l( i' a |: x8 } V6 q
注册:regsiter3 W5 n, z2 T) b) H
5 r \/ m, D& I+ J; k状态:status
; {5 q, b S" ~; W按钮:btn/ y! @! M, \- N/ b4 Q7 \
投票:vote. d2 h5 U4 v) M8 u8 \9 ^
合作伙伴:partner s* d) ^( `6 M$ W
版权:copyRight' m6 q/ d+ g/ |0 I* k; D; w5 o5 w
CSSID的命名
* { J" I: ]' c) k1 o4 u外套:wrap/ d, \: P$ c. V7 c
主导航:mainNav6 `, E, I/ `$ k/ g. d; S$ Y! T
子导航:subnav9 m3 @. F9 h& C9 G. `5 j: i! D
页脚:footer
! M5 p0 K- Q( ?* Q0 R) o: }5 D整个页面:content
, _) ~( \/ u6 i8 X, p页眉:header8 W7 u) G: c: o
页脚:footer- |! m/ J l7 W5 X0 l* Q K
商标:label) y7 Q# B1 ?; j
标题:title8 F4 p0 D" C) k* K# k( I0 H- Y
主导航:mainNav(globalNav)
8 y# T7 i5 N7 r7 e顶导航:topnav
$ h c; I8 C. |$ R边导航:sidebar
* {; r; q. A6 k- K+ q左导航:leftsideBar
) V+ z" d$ x; Q& s1 K& `/ m右导航:rightsideBar# D+ e0 S4 q0 {4 i$ L. V
旗志:logo
+ v* v0 S; r9 V5 l2 Y标语:banner
: F& d( |4 {4 b菜单内容1:menu1Content3 n" C" a. f. N3 p, J6 J
菜单容量:menuContainer
- [/ \2 k% }5 B子菜单:submenu* W8 J, |$ F$ }' y
边导航图标:sidebarIcon7 n* \0 l& S* g; m4 b7 K! P
注释:note+ |( K1 S6 x6 M. P2 x
面包屑:breadCrumb(即页面所处位置导航提示)
4 H2 J% `; t! \容器:container6 L ~3 Y, \ n' F g0 _
内容:content, a. ^+ v( M8 n# g# E' z
搜索:search
0 i# E1 t( F( q. N3 v) L登陆:login
4 r3 \/ _# _, g; e" W0 w
9 N0 I+ ^+ {8 S功能区:shop(如购物车,收银台) D/ {, A, ^& J; k% D
当前的current
; u3 I+ }6 N( s& g0 U1 }样式文件命名
/ m8 [: K# B! ?. S& e. ~6 {主要的:master.css
! n9 F" s# u) n布局版面:layout.css
5 i* K/ B! o9 p; R5 M4 X g专栏:columns.css
+ j2 D2 L$ }7 l文字:font.css2 \; f0 g9 [# q5 [: Y
打印样式:print.css
2 ~" p4 }3 I7 w, h4 n+ i3 x主题:themes.css6 D8 Y$ P5 i0 m' K
seo优化大神交流群541214515
, Z$ z1 P7 v1 p3 s& G( J% }% V, I" J
$ X! H- ? |: `) B( y( U- o |