当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > DIV+CSS的命名规则有利于网站优化

网站优化
猜想一种做站思路让不懂SEO的人照样成功
八条隐患:影响你网站的搜索引擎排名!
网页设计对网站推广效果的影响
新站从0IP到上万IP流量的基本流程
Alexa新功能初探
Asp.Net程序员与SEO - Viewstate优化(二)
Asp.Net程序员与SEO – 自定义错误页面
Asp.Net程序员与SEO – 301转向
域名买卖与SEO 不同形式的域名变化与SEO
基础知识:网站地图对SEO优化的四个好处
搜索引擎是如何确定你的内容就是原创内容
如何让网站天天被百度更新 吸引蜘蛛三法
网站是不是百度只收录了首页 四步骤解决
搜索流量如此巨大 QQ类网站如何杀出重围
对于整个SEO 项目而言 分析工作无处不在
SEO关键词分析的4个步骤及四项基本原则
提高网站的SEO优化 15个小招数帮你大忙
seoer要学会模仿搜索引擎相关产品页面的设计
健康外部链接:外部链接获得速度和锚文字
秦剑:交换友情链接的一些注意事项

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 185 ::
收藏到网摘: n/a

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