zoukankan      html  css  js  c++  java
  • SEO中的DIV CSS样式的命名规则

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

    页头:header (CSS中通常写为: #header) 
    登录条:loginBar 
    标志:logo 
    侧栏:sideBar 
    广告:banner 
    导航:nav 
    子导航:subNav 
    菜单:menu 
    子菜单:subMenu 
    搜索:search 
    滚动:scroll 
    页面主体:main 
    内容:content 
    标签页:tab 
    文章列表:list 
    提示信息:msg 
    小技巧:tips 
    栏目标题:title 
    加入:joinus 
    指南:guide
    服务:service 
    热点:hot 
    新闻:news 
    下载:download 
    注册:regsiter 
    状态: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

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

    主要的 master.css

    全局样式 global.css

    布局,版面 layout.css

    专栏 columns.css
    文字 font.css
    打印样式 print.css
    主题 themes.css

     

    当然, 在实际的使用中, 网页制作人员经常会根据自己的喜好和习惯来命名CSS样式名称, 和CSS文件的名称。 这样无形中会增加团队中沟通所需要的时间。 尤其是合作人员对于CSS样式不是很精通的时候,所花费的时间势必更多。 所以,如何制定一套扩展性较好的,严格的CSS命名规范在整个互联网行业内都是有必要继续研究的。

  • 相关阅读:
    Visual Studio 2008 SP1 & .NET Framework 3.5 SP1 使用感受
    体验 DreamSpark
    如何在vc 6.0下配置 opencv 1.0
    注释一个opencv摄像头程序
    Java数据库设计中的14个技巧
    DataReader的使用
    JSP是不是Java发展史上的一大败笔?
    双十一谁才是受益者?
    用JAVA中的多线程示例生产者和消费者问题
    SQL的基本操作
  • 原文地址:https://www.cnblogs.com/couxiaozi1983/p/2453980.html
Copyright © 2011-2022 走看看