本帖最后由 倔强 于 2016-3-6 19:42:22 编辑 3 j0 X4 H$ p* F
! H" @, R3 X8 D! y/ o8 w* N' \3 {3 D搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:6 M5 P; E& A. \2 g- P* P0 `
页头:header
: J$ s6 a, X" L" M登录条:loginBar
B2 L/ k2 ~, J7 x标志:logo
8 ?. G4 I5 }+ `) G0 \% P侧栏:sideBar
+ i& N4 Z) l( @% Q) d% o1 o广告:banner3 U3 Y! H# l3 x; r& Q; i
导航:nav6 L/ u) |6 @1 o
子导航:subNav- d0 g" M( H) Z# y, [$ P7 r
菜单:menu* Y4 n( R4 ~' d0 A' r% M8 Q% [
子菜单:subMenu
; |6 E/ h/ j4 t搜索:search
( N3 T4 D" X# {7 ?+ J# v2 c
滚动:scroll5 J0 a$ o0 T$ E) J5 n+ W# D
页面主体:main
7 V8 R! g% P2 _1 h内容:content
) S3 F0 }' b8 U3 _. z/ \5 z8 D9 q标签页:tab, F! |) o' m* D* Z4 F0 E3 O
文章列表:list
7 q, N9 ~4 O- H. b提示信息:msg8 S( X8 [ m* E4 R$ g s/ L$ U
小技巧:tips5 O( i1 t. m( O
栏目标题:title1 V! m/ U/ E% I: |$ p
友情链接:friendLink
- t& g0 K* S6 R# Y3 I" p页脚:footer
: F) U/ ?5 b' `加入:joinus
6 @1 h3 U) t" u! ^指南:guild
+ c' k' F# ^+ M5 B* S9 T服务:service! {9 F* J5 e1 G" s. A0 x
热点:hot/ _/ F, |2 {# _ E9 l( i' k. |5 T+ L
新闻:news- j' n; R( n5 g9 z1 {7 {
下载:download! |( l3 V7 {5 p# w
注册:regsiter
: t/ {3 ^- |8 u# X
6 [, j6 t {# h3 K* T/ ?* ^
状态:status
* S' _' U# n4 ]; z& H$ I0 d* f按钮:btn8 R* \$ }* S6 Y" f2 |
投票:vote
8 n; Y! A; A/ k. u5 C2 B7 ~合作伙伴:partner
+ S9 l8 P+ q7 J) h- j版权:copyRight7 z" v( M4 x" A) |+ Q; p! i7 \
CSSID的命名9 k% K- h& t2 Z; A1 A
外套:wrap& Y" H% e1 ?# C3 u
主导航:mainNav
- \6 p! ]) n) l; f1 \) H子导航:subnav
: @$ z& I7 e" J' f! C# A1 L页脚:footer
( i2 P' i8 c/ ]3 t+ e整个页面:content
! J4 w0 B# J0 h7 E页眉:header0 H+ [% x/ E0 Q, C' `/ s/ M' l1 h
页脚:footer. V2 ?# e. E) {1 Q5 A- {
商标:label f# u+ Q1 \* O, D- b# G
标题:title: Q" {9 U1 {3 E5 ^5 z# I
主导航:mainNav(globalNav)0 h% G( |) D5 p7 u. u
顶导航:topnav* _' W: Z8 z, y6 v5 y
边导航:sidebar
3 r+ U: D9 l+ R8 J左导航:leftsideBar; T8 z$ K5 p% U1 b. ]4 f0 y
右导航:rightsideBar
- g: M+ h: V8 p旗志:logo
. c$ [% ^1 f/ J- f标语:banner
( R; m f. g, E3 L菜单内容1:menu1Content3 j# K' m1 E3 S
菜单容量:menuContainer
4 X' H4 |' [$ c子菜单:submenu
4 r2 T U- |5 q1 X9 T! S边导航图标:sidebarIcon/ s: u9 ?: X% S3 M- c
注释:note
{# K2 Y- i) S- [面包屑:breadCrumb(即页面所处位置导航提示)
* C) h. _2 I- J) W; U. A容器:container+ b i2 w+ D& h: H: R- h
内容:content
: q( ^9 J. G/ r搜索:search0 G! z$ f$ T; d! e" J _- x
登陆:login8 w" u+ _/ e O/ c4 ^ f B
+ r' k8 B, G! Y: i2 E3 D功能区:shop(如购物车,收银台)
- F G' _/ i5 j: }4 ?' {: O当前的current2 t3 F, ^$ l7 U4 G# S$ _0 w8 S
样式文件命名1 l9 R, y1 }! | h
主要的:master.css
; G! T1 l. I2 |9 S0 ~布局版面:layout.css+ c- J: c0 I& ]( F
专栏:columns.css0 k @+ p, E2 p# G7 e" y- k9 ]8 P' U
文字:font.css
8 r: X3 j8 U& m. Y" r打印样式:print.css- B9 a1 {1 N. C. W: z
主题:themes.css
" a* K- b& O9 r- e. o0 ]seo优化大神交流群541214515- K" X) F* h+ c$ C2 ?" Y
# U; [1 L0 r: a
$ Y/ Y$ k! {, v+ {% U7 L |