文心博客

在搜索引擎优化中，对于代码的优化是一个非常重要的部分。如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。 同样， 在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
   专栏 columns.css
   文字 font.css
   打印样式 print.css
   主题 themes.css

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

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

   主要的 master.css
   布局，版面 layout.css