导航:   网站首页 |   关于极目设计 |   品牌设计案例 |   画册/彩页/样本 |   包装设计作品  |   网站建设案例  |   联系极目    
  新闻中心  
 极目最新动态
 极目设计理念
 设计文摘
 创意广告
 印刷技术杂谈
 网站设计资讯
 设计教程
 杂谈闲话
 
网站设计资讯
您当前的位置是: 首页 - 极目设计资讯 - 网站设计资讯 
div+css命名规则(SEO优化中)     2009-08-04

SEO(搜索引擎优化)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面将对目前流行的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

 上一条:Web标准和网站重构只是一种思想-龙华网站建设,龙华网站CSS+DIV重构,div重构网站,龙华网站     下一条:网页设计CSS技巧总汇
作品案例快速导航:   最新设计案例 |   网站建设案例 |   画册/彩页/样本 |   包装设计作品 |   其它宣传物料    
Copyright 2003-2009 www.zf20.com All Rights Reserved Design By:Jimudesign . 网站设计制作: 极目设计网络部 顶端