利用DIV+CSS布局提高网站排名
SEO/网站推广, 前端开发DIV+CSS相比与使用Table进行布局的方式，DIV+CSS更加有利于网站在搜索引擎中的排名。
首先，使用DIV+CSS结构的页面，文件大小要远远小于Table结构，在其他条件（网速、主机性能）相同的情况下，前者的载入时间和解析时间要快很多。这减小了搜索引擎网络蜘蛛抓取所需要的时间，很大程度上避免了由于页面布局抓取超时情况的出现。
其次，对于搜索引擎来说，它可以很方便的绕过CSS，直接去抓取DIV中的内容，也就是说DIV+CSS架构对于搜索引擎更加友好。
另外，在对DIV进行命名的时候，可以取一些约定俗成的名字，通过这个名字来告诉搜索引擎这个DIV里面的内容。
下面是我们常用的一套命名规范
DIV命名
页头:header
内容：content/container
页脚：footer
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendLink
版权:copyRight
CSS ID的命名
外 套: wrap
主导航: mainNav
子导航: subnav
页 脚: footer
整个页面: content
页 眉: header
页 脚: footer
商 标: label
标 题: title
主导航: mainNav(globalNav)
顶导航: topnav
边导航: sidebar
左导航: leftsideBar
右导航: rightsideBar
旗 志: logo
标 语: banner
菜单内容1: menu1Content
菜单容量: menuContainer
子菜单: submenu
边导航图标:sidebarIcon
注释: note
容器: container
内容: content
搜索: search
登陆: login
功能区: shop(如购物车，收银台)
当前的 current
样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
星期二, 4月 1st, 2008 | 分类：SEO/网站推广, 前端开发DIV+CSS | RSS 2.0 | 留言/评论 | Trackback