DIV+CSS的命名规则有利于网站优化

SEO（搜索引擎优化）有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下：
　　页头:header
　　登录条:loginBar
　　标志:logo
　　侧栏:sideBar
　　广告:banner
　　导航:nav
　　子导航:subNav
　　菜单:menu
　　子菜单:subMenu
　　搜索:search
　　滚动:scroll
　　页面主体:main
　　内容:content
　　标签页:tab
　　文章列表:list
　　提示信息:msg
　　小技巧:tips
　　栏目标题:title
　　加入:joinus
　　指南:guild
　　服务:service
　　热点:hot
　　新闻:news
　　下载:download
　　注册:regsiter
　　状态:status
　　按钮:btn
　　投票:vote
　　合作伙伴:partner
　　友情链接:friendLink
　　页脚:footer
　　版权:copyRight

　　1.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

 

　　2.另外在编辑样式表时可用的注释可这样写:
　　内容区
　　3.样式文件命名

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

复制链接发给好友 收藏本文 关闭此页

上一篇：全站SEO经验总结

下一篇：SEO系列教程：全面理解影响PR值的因素