CSS命名规则(锋)

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

公司介绍 about

产品介绍 product

新闻中心 news

联系我们 contact

新闻中心 article

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

主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css

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