seo之CSS代码优化[观念篇]

| |
[不指定 2009/05/14 03:17 | by limxyz ]

文章是多管闲事才写的,那么还是再多管闲事一下吧:

总结:建立CSS文件索引

为了能够迅速的了解整个CSS文件的结构,在文件开头建立文件索引是一个不错的选择.一种可行的方法是建立树形的索引:结构上的id和class都可以成为该树的一个分支.如下:
引用
/*------------------------------------------------------------------
[Layout]
*body
+Header/#header
+Content/#content
    -Leftcolumn/#leftcolumn
    -Rightcolumn/#rightcolumn
    -Sidebar/#sidebar
    -RSS/#rss
    -Search/#search
    -Boxes/.box
    -Sideblog/#sideblog
+Footer/#footer
Navigation#navbar
Advertisements.ads
Contentheaderh2
——————————————————————-*/

或者也可以这样:
引用

/*------------------------------------------------------------------

[Tableofcontents]
1.Body
2.Header/#header
    2.1.Navigation/#navbar
3.Content/#content
    3.1.Leftcolumn/#leftcolumn
    3.2.Rightcolumn/#rightcolumn
    3.3.Sidebar/#sidebar
        3.3.1.RSS/#rss
        3.3.2.Search/#search
        3.3.3.Boxes/.box
        3.3.4.Sideblog/#sideblog
        3.3.5.Advertisements/.ads
4.Footer/#footer

-------------------------------------------------------------------*/

另一种方式可以只是先简单的将内容列举出来,也不需要缩进.下面的一个例子中,如果你需要跳至RSS部分你只需要简单的搜索8.RSS.
引用
/*------------------------------------------------------------------

[Tableofcontents]
1.Body
2.Header/#header
3.Navigation/#navbar
4.Content/#content
5.Leftcolumn/#leftcolumn
6.Rightcolumn/#rightcolumn
7.Sidebar/#sidebar
8.RSS/#rss
9.Search/#search
10.Boxes/.box
11.Sideblog/#sideblog
12.Advertisements/.ads
13.Footer/#footer

-------------------------------------------------------------------*/


<!-- some CSS-code -->

/*------------------------------------------------------------------
[8.RSS/#rss]
*/
#rss{...}
#rssimg{...}

定义这样一个样式检索可以很有效的使其他人阅读学习你的代码变得容易.

最后,记得我今天下午和你说的吗,那些大网站都只有一个声明:
<!--以下为 XXX CSS-code-->
结合css文件引索,上面几点小建议,有了折中的办法.希望对你有帮助.就说这么多吧,很久没熬夜了,困.

内文分页: [1] [2]
Tags: ,
关于优化关于推广 | 评论(0) | 引用(0) | 阅读(532)
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
昵称   密码   游客无需密码
网址   电邮   [注册]