本帖最后由 倔强 于 2016-3-6 19:42:22 编辑
5 S, Y5 Y0 ]& [* A4 M) z4 M$ N0 {6 m& z" ~3 o k7 x
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
7 e8 f. X& C9 Z' D S- ?页头:header
. f0 x, h, v0 F/ E5 d( N% ^2 n登录条:loginBar
: j, s0 s) Q- ?3 k标志:logo
4 {/ \* N* f: ^$ p, t侧栏:sideBar5 F' B2 E- l3 z- K
广告:banner5 ?; }" ]3 ]9 ~6 n! `
导航:nav
) z6 b7 \: G0 B! }1 ]子导航:subNav2 H$ J% T8 f" W; u" w
菜单:menu2 G; F' w+ K6 y+ o/ G: T5 c q
子菜单:subMenu( f+ q7 N# |$ t5 q3 e
搜索:search
5 J8 w) a; G2 |8 Q4 j+ Y0 n, B滚动:scroll ?' N3 h/ e3 Z; r% f
页面主体:main8 D2 ?# _) C' A6 v3 y; h: v
内容:content
7 K/ P- \- c5 Z* `7 D3 J& R, R标签页:tab
) }9 H: h9 ]* H$ X' c9 b文章列表:list
8 ~) T# V. w3 A" x- k$ a C9 A* \6 ^提示信息:msg
. I8 D+ ]% Q& v3 X2 ?" C0 H, N6 F小技巧:tips
1 Q w9 Y7 H" Y栏目标题:title
|5 v8 K2 {! o. Y3 G$ _友情链接:friendLink! ?2 |& ^' O/ S- y0 W' ~( V, m' `3 g
页脚:footer
$ W8 h D0 \0 G; l: D8 u3 K$ \加入:joinus" q) d7 A2 Z; E. R
指南:guild8 C. j6 l) Y, I( y0 |
服务:service
. B6 ]: T7 z# c0 ]7 k热点:hot- g; T, d' n, y& D y
新闻:news
$ ~$ K D- ^, x* T$ K4 q" p下载:download& {. d' J( B, N! a9 e9 \4 T
注册:regsiter
* U; D6 c* P- E1 L6 t) m
o0 K: r" H% m5 N% g状态:status0 z; N. U# D- y) z, [2 |
按钮:btn/ d6 S2 i' \4 a1 q4 k
投票:vote$ |2 A8 v, X X: c% |1 X
合作伙伴:partner- m& Q# F0 }5 i: v( p# v
版权:copyRight
; P; W& k, q7 }% d8 lCSSID的命名
, Q% v8 e' k+ G% H; D& Z外套:wrap
- U. e4 [$ ^& F7 C主导航:mainNav
' ~. u3 D- J$ b3 U! }9 y; k# a子导航:subnav
6 h/ y6 W" o5 P$ ?' j+ v页脚:footer
1 M' J% O( g/ U6 o& o- X整个页面:content8 ~/ i' R; e) k* X+ A& z
页眉:header' U) W: P0 [4 P6 V& k2 E* l
页脚:footer
$ p% H) U/ X0 f. a2 j9 d商标:label
1 T) |! f4 g" n0 G标题:title& ]/ Z- X: Z! B) Y' W/ M
主导航:mainNav(globalNav)
* q: O x. |" b9 o! W/ r: {顶导航:topnav' D% v! }- o; M4 L5 x6 B6 G
边导航:sidebar
3 G7 j3 P7 ^% [+ r0 O4 U0 K左导航:leftsideBar
' r9 P6 N, M4 V. J右导航:rightsideBar6 D. J: J2 D, W9 d; f) A0 |+ V* r- w
旗志:logo
' u; G* \9 K3 g: |标语:banner
8 S( K3 Y- O- A7 a; L1 p菜单内容1:menu1Content
8 c) W$ M3 q# ]0 e) V) C. |菜单容量:menuContainer
r$ c% m# p6 ?6 k- Z5 X子菜单:submenu9 h( Y. ]0 G+ c4 G7 q0 d# o2 K
边导航图标:sidebarIcon: f0 Z- ^# y }. J8 _% X
注释:note
4 X% D- _/ j0 | ~ @$ X& r面包屑:breadCrumb(即页面所处位置导航提示)
/ Q3 ~4 Q* R4 K, g$ w8 M容器:container5 X" \4 W' Y' w# v2 I2 R. ?
内容:content
& I8 E; _- Z3 [- Y+ c搜索:search- ?3 z" X* O n
登陆:login0 b+ k# ~ Q1 B& x
6 @# u* G8 g% S+ `0 t9 W功能区:shop(如购物车,收银台)
* @+ }, a5 h8 b- T当前的current
' h7 S) p w! m( [" z' {, t样式文件命名& g6 ^4 ~9 k( b, w# s' q2 K% s
主要的:master.css \0 O7 H6 U2 l& b! B6 j- H4 e8 Y6 G
布局版面:layout.css1 c" c' J( j. e7 k1 z
专栏:columns.css& z( X" @" M0 V* ?: d
文字:font.css
3 G. Z$ t0 c( R9 t/ ~& I" _; @打印样式:print.css# s" W( J5 X0 E, n
主题:themes.css
" v3 ]7 v5 J1 F" p6 Q, y4 q* Xseo优化大神交流群541214515
2 E. w' f4 q0 K" G) G. S' O7 l+ N& B% k# H1 H& `! ~$ F
, g* x4 n/ g/ {/ x8 M: d |