本帖最后由 倔强 于 2016-3-6 19:42:22 编辑 . a d9 T, ?' N/ w9 K4 ?
7 [) e9 M* B5 I8 J x
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
5 y$ S9 z, `: b页头:header4 i, o0 z4 H, ?/ w; i7 ?
登录条:loginBar
) I9 _; C7 \' N/ \0 {- c标志:logo3 r+ I4 o; S2 R9 ^+ V
侧栏:sideBar: B! p( }8 w$ j) ` G( X
广告:banner
7 X* O- k' f8 d7 _0 r6 K7 q: h# v导航:nav0 z. F2 T+ L, S; }
子导航:subNav& ~2 I, ^5 u; ^3 u- k3 H
菜单:menu
/ r" ~' r2 K( }% k# f$ V3 U子菜单:subMenu
& \4 S' ^. j" `: y$ E4 K7 [1 ^ z' d搜索:search
; ^3 O( g* ~- k5 n
滚动:scroll8 o0 [, V+ m/ q7 ]( h4 N
页面主体:main; c4 v2 K: V! w! [& R; u- k
内容:content
) p* l5 l O& }/ Z标签页:tab$ n& l, _+ ]0 }5 j
文章列表:list0 j3 B5 f1 o2 W3 T8 L6 g: t* M- c
提示信息:msg
' M: Q8 s7 d y, n& k小技巧:tips0 A- c" W; E8 n) N' O) x: n
栏目标题:title) V; ?4 G# m" H1 M; w3 x* _9 u
友情链接:friendLink
( s. ?1 j* y" [3 L' g" x! z6 y页脚:footer
; Y& Y9 ?0 W/ l- O* d; h加入:joinus. P0 V' f% M7 M3 i1 T# `( O
指南:guild
, t: G! a/ l" T9 A+ M8 D服务:service. M% H1 N. C, N* p7 g
热点:hot0 B7 U; k _- M5 S
新闻:news
% s( F& l8 J4 f1 S$ T下载:download4 X3 g, C3 b) S9 ]4 d( I2 R
注册:regsiter8 v r$ E9 t+ X
, A% @2 _" }5 @+ a状态:status
/ u4 I- ?9 `1 _. z) z按钮:btn" [* a3 p- X# S g4 E% n5 S0 [
投票:vote) _1 n7 x1 b4 s) Z+ R6 X+ u
合作伙伴:partner; s: L, O8 n6 F: b; c+ Q4 P
版权:copyRight
; n! @- I$ I! |$ K0 JCSSID的命名
' m7 W+ C4 O& V0 v& t1 N外套:wrap
9 S! T- j2 o7 b- T+ S7 H9 S主导航:mainNav
" T% X* {$ z4 Q子导航:subnav" `' k) O4 o f
页脚:footer
1 \; D) B+ Y2 M) B2 r# C8 L整个页面:content0 n$ U3 X& }. F, G& J; l& w
页眉:header
* M6 ^7 }% i- f, c( M0 o页脚:footer, {9 v. B7 j& ^5 k% Y
商标:label4 I3 i; G, U0 y. x( ~8 G7 D: v
标题:title0 ]3 l1 f2 w7 P% B/ W
主导航:mainNav(globalNav)
0 q! _- A, n/ x顶导航:topnav; `5 L l$ ~. b* a# X- Q% \+ d" G* {
边导航:sidebar. q0 P& w2 F; B! H. W: Y6 N2 e# p3 T
左导航:leftsideBar
$ l' S0 P( W; R4 v2 f右导航:rightsideBar
4 c/ C: ^* p$ f6 \9 X+ ^旗志:logo: h, L" O" U7 k1 q- A7 y; l0 ^5 k
标语:banner
) e6 [1 i$ S/ w菜单内容1:menu1Content
. O9 V3 Q$ R, Q; _# Q! v* E0 \菜单容量:menuContainer
* ?! p4 s! k9 A& Q子菜单:submenu* Z4 Y# V: v) |
边导航图标:sidebarIcon( `7 o' ?' p* M/ [' \0 L& a" H2 x4 w
注释:note4 J% W# Q+ N0 U
面包屑:breadCrumb(即页面所处位置导航提示)
$ Z3 w1 \: e4 V' t9 z% ~. L& e6 p" v容器:container
6 Q# X5 c9 j/ M6 I9 m$ Y7 \& a7 Y内容:content
0 @( ~& G# m) h, ?7 O' R搜索:search
- m3 z) s2 B$ ?" O登陆:login' K+ ~" `2 w% ?% Y3 z& \* U
9 `% g+ J: c% W) i$ H" `
功能区:shop(如购物车,收银台)0 Z) v8 c f5 ~# f: w2 `( j5 C) I
当前的current
: y( M+ n& o. g! y4 g样式文件命名+ K2 n$ U! K- L$ z
主要的:master.css
8 B J, n# u( m( R" J7 H7 o% t! a布局版面:layout.css0 z3 d- H8 n5 T. n4 D8 G
专栏:columns.css+ |6 E3 F9 Q: {
文字:font.css
; |5 _" a5 i) {0 P5 M- h打印样式:print.css2 v% u3 J; d. t, i' c. \5 N$ }4 o
主题:themes.css
F2 A8 ]: w; n Kseo优化大神交流群541214515
5 x+ l3 f D2 ]: N% [! m0 f0 C& R/ v$ n3 E; q4 w8 l6 v
7 M+ j% [8 q7 u! E
|