在搜索引擎优化中, 对于代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷,对于提升网站的排名那个是非常有好处的。 同样, 在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 布局,版面 layout.css 专栏 columns.css 文字 font.css 打印样式 print.css 主题 themes.css
当然, 在实际的使用中, 网页制作人员经常会根据自己的喜好和习惯来命名CSS样式名称, 和CSS文件的名称。 这样无形中会增加团队中沟通所需要的时间。 尤其是合作人员对于CSS样式不是很精通的时候,所花费的时间势必更多。 所以,如何制定一套扩展性较好的,严格的CSS命名规范在整个互联网行业内都是有必要继续研究的。
|