搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则: # @6 R1 V3 U* o. H
页头:header
: P, F p& U" m8 ]: |3 N7 C6 \) u登录条:loginBar m. k, {1 Q: w; n/ w
标志:logo x: E+ P3 q, Q: h" c/ O
侧栏:sideBar " y1 J/ n Z6 E1 g
广告:banner # z( M- t: p! ?- E' q6 i
导航:nav 9 P+ G- m0 J1 `8 I" Y. X( f
子导航:subNav
" }& ?: E) l: S5 z! x3 T) H4 Z$ \- d菜单:menu
. g/ C) z# K3 z5 g4 [9 O子菜单:subMenu
% {, P1 R( c+ q# C搜索:search 9 Z6 C7 Y2 H. p+ J p
滚动:scroll 5 H) w8 U: S! x. C) u
页面主体:main ( Y2 X4 h% G3 @8 \/ i
内容:content
( y# v: {# c0 }, q+ {标签页:tab
/ q3 @' N, O0 X+ M( [# I" L文章列表:list : _' r; u& M. K! V' m2 z0 ]5 c7 {
提示信息:msg 0 _# [- O5 H/ Q1 b9 n4 h7 y1 b
小技巧:tips 1 y% T2 t& g5 [7 c0 ~ w% w
栏目标题:title
4 K% g7 a6 P* c5 A0 ~8 w. q& t友情链接:friendLink V, u" W% B. O2 z3 Z2 x- H
页脚:footer 2 }. P# d7 G" v, F
加入:joinus
* B' W! e, x( D2 [0 I3 k$ _+ U指南:guild
1 e# C/ M' [$ T% K+ @服务:service
1 r, j3 Q% ?. j) E! y- x- Q7 ^0 U热点:hot # d6 ?$ Z0 u4 y) R1 V. f
新闻:news " H9 z3 \! x k. g( b( U
下载:download
7 j3 S* h" m* \) b注册:register
5 I9 F6 R- {9 E/ J4 t$ c2 B状态:status 3 F9 F! |6 R3 F/ c/ P9 D- a
按钮:btn
+ K: R8 Q, L4 Z- F- |' @, B投票:vote 3 |4 i$ U/ n4 t! s
合作伙伴:partner ( `6 t- m3 R. Z6 t# i' D& A
版权:copyRight , @8 ]) X$ S5 p7 N
1.CSSID的命名
% i9 t; ~! _5 o" o; ^& o! Q外套:wrap 6 t3 M4 h4 \& |
主导航:mainNav + ~; a7 y( l5 z& T7 m- K
子导航:subnav : I% @! T) n2 W6 j8 Y% l
页脚:footer / Y' k4 U- I* m# i! P
整个页面:content 8 }! a) g1 ?/ { \7 E- U/ b
页眉:header + P6 M. p. o& f+ y! G. w$ {' p
页脚:footer 0 \, R* P: u; H) o5 X' o' l
商标:label
% M" S% v6 W. `2 m4 g F, J标题:title
, w2 w! [* q% q1 ?/ o2 }+ Y主导航:mainNav(globalNav)
. e9 n( @3 G& \& W: _顶导航:topnav
: F- ]' {& }; b* H边导航:sidebar 5 {4 ]6 u* Q8 w; w; u
左导航:leftsideBar . P f8 L( n! F, n$ n p$ t
右导航:rightsideBar & t) Q1 m N3 b0 k
旗志:logo
$ P- }7 S4 h1 K0 s: {0 W5 y& o/ X标语:banner
" v! ]; F) F: i8 U) I菜单内容1:menu1Content ( @; {/ M6 k% f3 }: b. L6 d
菜单容量:menuContainer
; {5 C4 ~3 R* r子菜单:submenu
% t0 L! [3 ~# N边导航图标:sidebarIcon
# J: Z9 l5 f/ r注释:note 4 T S+ u3 _1 N+ n
面包屑:breadCrumb(即页面所处位置导航提示)
9 g5 f2 Q3 f1 Z$ R2 s; o3 a容器:container
5 q' M, @+ ^) _! _内容:content ' w, w# o: C- N. A
搜索:search
, o; p+ m! V- v: x b* @8 J登陆:login 7 G2 Q6 _" P$ _" Z2 K, H% b
功能区:shop(如购物车,收银台) / _& [9 E& R$ @& Z* Z3 u! g+ N; H
当前的current " ^. V9 h; d4 e$ F2 j& [
2.样式文件命名 ( G0 m( u# a. w0 g
主要的:master.css
' |' K8 i3 D, Y3 H6 ^布局版面:layout.css 9 q: M9 _0 U* J1 {- ~; U' g, O' q
专栏:columns.css
+ Q% r7 d. {9 i文字:font.css 1 ]( J, D# B5 V) j d! G8 L( p/ `
打印样式:print.css
) F) `1 P% G; p主题:themes.css) ^4 i* S/ p3 d( M
|