1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

符合Seo优化标准的div+css命名规则

本帖由 胡余丰2010-11-02 发布。版面名称:前端开发

  1. 胡余丰

    胡余丰 New Member

    注册:
    2009-10-09
    帖子:
    209
    赞:
    0


    W3C标准的div+css命名规则到底有什么用?首先是让自己和他人清楚的知道你要写的是什么内容,最重要的是,标准的DIV+CSS命名规则非常有利于SEO。SE们在抓取网站内容的时候,也会去DIV+CSS里面看看,如果利用DIV+CSS作弊,SE也是能发现的。这是在之前写的"网站被K的可能因素"里有提到过,下面的规则请认真记在脑子里。

    一、样式文件命名

    主要的 master.css

    布局,版面 layout.css

    专栏 columns.css

    文字 font.css

    打印样式 print.css

    二、类的命名规则

    主题 themes.css

    页头:header

    登录条:loginBar

    标志:logo

    侧栏:sideBar

    广告:banner

    导航:nav

    子导航:subNav

    菜单:menu

    子菜单:subMenu

    搜索:search

    滚动:scroll

    页面主体:main

    内容:content

    标签页:tab

    文章列表:list

    提示信息:msg

    小技巧:tips

    栏目标题:title

    加入:joinus

    指南:guild

    服务:service

    热点:hot

    新闻:news

    下载:download

    注册:register

    状态:status

    按钮:btn

    投票:vote

    合作伙伴:partner

    友情链接:friendLink

    页脚:footer

    版权: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

    面包屑:  breadCrumb(即页面所处位置导航提示)

    容器:   container

    内容:   content

    搜索:   search

    登陆:   login

    功能区:  shop(如购物车,收银台)

    当前的   current

    另外在编辑印象西湖样式表时可用的注释可这样写:

    <– Footer –>

    内容区

    <– End Footer –>