搜索引擎优化中的DIV的CSS样式的命名

  如果一个网页的代码非常的简捷,对于提升网站的排名那个是非常有好处的。为了更加符合搜索引擎的规范,下面是整理的一些常用的 CSS代码命名。这些标准虽然不是一个必须遵守的规范,但是,却被大多数搜索引擎优化人员所接受,并为整个网站的更新工作带来方便。

页头:header (CSS中通常写为: #header)
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guide
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
服务:service
热点:hot
新闻:news
合作伙伴: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
当前的   current
功能区:  shop(如购物车,收银台)


  大型的网站通常有许多个不同的样式表,按照不同的分类来调用不同的CSS样式表。为了更加有效的使用CSS样式表,这些样式表的命名也需要严格的规范,严格的CSS文件名命名规则,同样可以为工作带来更多的便利。

下面是启凡网络整理的一些常用的CSS文件名命名规则,可供参考:

主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
主题 themes.css
打印样式 print.css

  在实际的使用中,网页制作人员经常会根据自己的喜好和习惯来命名CSS样式名称,和CSS文件的名称。 这样无形中会增加团队中沟通所需要的时间。尤其是合作人员对于CSS样式不是很精通的时候,所花费的时间势必更多。所以,搜索引擎优化中的DIV的CSS 样式的命名规范是有必要的。

来源:http://hi.baidu.com/zz3rgb/blog/item/9fb8553c71d2fae41b4cffff.html

评论(0)网络
阅读(15)喜欢(0)不喜欢(0)网站排名及优化