搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
- ^( ~5 l& m% d/ i页头:header : k$ J2 B( g: c9 f8 r& A
登录条:loginBar
( K# T" }! M2 ]标志:logo O9 I+ ?# e1 v/ a5 H' h
侧栏:sideBar - R d7 x' \- A8 y* }7 c
广告:banner
$ R! l) v( r: L+ N: {" O5 |6 |4 M导航:nav , v6 v) H3 I6 E3 W4 C G6 |
子导航:subNav / Q) O7 o6 ^0 o& V# }
菜单:menu 6 r h, R7 P7 D( S
子菜单:subMenu 9 r0 w; t9 @5 u7 ?$ S$ Q, c
搜索:search ; S" U F$ S/ Y$ s' P" `
滚动:scroll 4 G8 J0 }5 S4 t& P2 |/ r
页面主体:main
; @- u3 g+ D! n6 q内容:content + T/ p# }0 s9 l$ K9 w0 O
标签页:tab
4 u2 @6 E( F- S3 H5 u文章列表:list
) P) Q; R: j4 z2 \$ Y7 J( n提示信息:msg
4 Y: {3 f' C% N, K% O( c: G' y小技巧:tips
7 d# d" S2 A s% Z栏目标题:title 4 X) ?1 B( e5 N4 b+ ^
友情链接:friendLink
P4 P) g6 h" u) ~) b j页脚:footer $ m* H O$ e, j
加入:joinus
% e1 R4 n/ e+ \. |/ x指南:guild , ^$ v; w) W6 \) [8 {
服务:service
, J8 I9 j$ F/ R& o% h热点:hot . h1 I9 s& d7 k1 c/ C
新闻:news ( S0 P2 _% Y+ X& S. e2 ^& g6 v
下载:download
* O& A0 `7 s5 a+ a% {注册:register ) \0 S9 `( ^3 |1 ^4 I2 |$ N
状态:status # t- x" [! U8 {
按钮:btn 9 V* ~! ]6 s; b0 p
投票:vote : Q/ B F. ^0 s: M; c& W9 G* m
合作伙伴:partner ' B1 ^/ s5 B+ F3 \, V
版权:copyRight
3 ^$ V6 y6 I4 M8 p1.CSSID的命名 * f; e7 L+ z; H7 k) j$ k4 b: V: M
外套:wrap
/ b4 I+ b; m2 k0 z# j主导航:mainNav 3 o n) q' a$ w, u `1 K* \
子导航:subnav
$ `$ b3 `& X2 P6 g页脚:footer
. q7 S' b' k$ D/ F整个页面:content
6 E& `4 z& C9 ^2 L; s g页眉:header
3 W/ x& D7 z" J4 I页脚:footer 0 H3 I8 D: l% j' \
商标:label , ^' x. U- T; J& b4 [5 P1 [8 M
标题:title % \8 W L# ?" `) v
主导航:mainNav(globalNav)
3 W, t8 A( S2 z顶导航:topnav
# Q% a# n7 B$ y9 K9 [1 ?7 a边导航:sidebar
1 Q! \6 x: q8 m左导航:leftsideBar ! P4 x: r; {) u8 B
右导航:rightsideBar
# l7 U* M- Y! b/ G) D0 I Q* H旗志:logo + \& {- |( {# I0 g4 u% N
标语:banner
# N; h1 b7 [, l" N) K, [菜单内容1:menu1Content ! Z0 ^; ^" N; ~( M* D
菜单容量:menuContainer 3 U' T6 a# |& L. s* ~7 M
子菜单:submenu " H& Y- L. t) Y0 y4 {" V
边导航图标:sidebarIcon 8 B& ^) }( Z6 I; b( N- c; }
注释:note
; N) z2 o3 ?5 \面包屑:breadCrumb(即页面所处位置导航提示)
- x4 t! \, S" K, D9 L+ j+ ]" P容器:container 7 s+ b9 P" O* M* _$ k2 H
内容:content
) p/ e1 {1 |$ g2 R8 z1 v: z搜索:search
3 c8 l. \, g( k4 F4 x' Z B登陆:login 9 C1 @! k1 m8 t4 G7 o
功能区:shop(如购物车,收银台)
# \$ C- Z' W9 G6 S/ m当前的current
3 ~" M l8 t% Q( i5 `1 p2.样式文件命名 " n7 {5 O3 }8 k# T/ f: G5 X
主要的:master.css , Q- E u1 ]' p' e. @+ t" G
布局版面:layout.css
; |& n7 V5 v0 s! ?专栏:columns.css 5 h1 C: @. E! ?1 @- |/ F
文字:font.css
/ a+ |: T/ B; `打印样式:print.css
; V) D- ^/ K% R: ]主题:themes.css
' F u3 a3 N( N' n |