搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：

　　登录条:loginBar
　　 标志:logo
　　 侧栏:sideBar 
　　 广告:banner 
　　 导航:nav 
　　 子导航:subNav 
　　 菜单:menu 
　　 子菜单:subMenu 
　　 搜索:search 
　　 滚动:scroll 
　　 页面主体:main 
　　 内容:content 
　　 标签页:tab 
　　 文章列表:list 
　　 提示信息:msg 
　　 小技巧:tips 
　　 栏目标题:title 
　　 友情链接:friendLink 
　　 页脚:footer 
　　 加入:joinus 
　　 指南:guild 
　　 服务:service 
　　 热点:hot 
　　 新闻:news 
　　 下载:download 
　　 注册:regsiter 
　　 状态:status 
　　 按钮:btn 
　　 投票:vote 
　　 合作伙伴:partner 
　　 版权:copyRight

　　1.CSSID的命名
　　 外套: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.样式文件命名
　　 主要的:master.css
　　 布局版面:layout.css 
　　 专栏:columns.css 
　　 文字:font.css 
　　 打印样式:print.css 
　　 主题:themes.css

CSS+DIV标签命名规范 搜索引擎最喜欢的更多相关文章

  1. css的一些命名规范

    网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇. 常用DIV+CSS命名大全集合,即CSS命名规则 D ...

  2. 再探CSS 中 class 命名规范

    一直以来我的CSS 的 class命名都是比较随意,有时采用驼峰式.有时采用下划线,好像没有什么统一的标准,想到什么英文单词就拿过来用,这对于自己瞎写的小项目无伤大雅,遇到冲突的问题可稍加调整改变即可 ...

  3. CSS+DIV常用命名

    常用的符合CSS+DIV规则的命名 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单: ...

  4. css样式文件命名规范

    样式文件命名规范 主要 master.css, style.css, main.css 布局 layout.css 专栏 columns.css 文字 font.css 打印 print.css 主题 ...

  5. Puppet主机、模块、类、资源、变量、参数、标签命名规范

    Puppet命名规范: 约定说明: 小写字母:"a-z" 大写字母:"A-Z" 数字: "0-9" 句号: "." 下划 ...

  6. CSS书写及命名规范

    1.样式书写顺序 positioning定位::position.display.float.top. right.bottom.left.overflow.clear.z-index: box mo ...

  7. CSS - DIV标签width根据内容自适应

    设置样式: 父标签{ width: auto; display: inline-block; } 子标签 { // 内容自动填充父节点宽度: } JSFiddle Demo: http://jsfid ...

  8. 关于Html class id 命名规范

    CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:l ...

  9. div+css命名规范大全

    网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率, 我们开发DIV+CSS网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么 ...

随机推荐

  1. mysql alter example

    alter table `user_movement_log` AFTER `Regionid` (在哪个字段后面添加) ) default null; //主键 ) unsigned not nul ...

  2. R包——ggplot2（二）

    关于ggplot包(二) 关于ggplot包(二) 标尺(Scale) 从前面可以看到,画图其实就是在做映射,不管是映射到不同的几何对象上,还是映射各种图形属性.在对图形属性进行映射之后,使用标尺可以 ...

  3. Visual Studio 2013使用SASS和Compass--SASS和Compass安装

    你需要安装ruby 你需要安装SASS/Compass 安装sass,在命令行中输入: $ gem install sass 你可能会问gem是什么?gem是ruby的包管理器.包的概念呢,就是一个为 ...

  4. css 自适应布局阮一峰

    转载一篇文章: 自适应网页设计(Responsive Web Design) 作者: 阮一峰 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小 ...

  5. linux中find批量删除空文件及空文件夹

    linux下批量删除空文件(大小等于0的文件)的方法  代码如下 复制代码 find . -name "*" -type f -size 0c | xargs -n 1 rm -f ...

  6. 将内部部署网络和 Windows Azure 集成的新选项: 使用AT&T

    关于云计算的主要对话围绕着向云迁移展开.今天,我们宣布与 AT&T 结为战略联盟,共同为客户提供云计算服务.这一合作伙伴关系将授权客户访问 Windows Azure,作为其现有数据中心的逻辑 ...

  7. opengl模板缓冲区

    相信大家有些人对opengl的模板缓冲区不是很理解,包括我最开始也是,opengl的模板缓冲区其实就是采用过滤的技术来控制那些颜色可以绘制,那些不能进行绘制.这里的过滤技术也就是我们的一个控制方法,主 ...

  8. .NET + Jcrop 实现在线裁图功能

    最近有这样一个需求,因为一个门户网站首页展示图片很长但很矮,自己截图怕有不到位,所以利用JQUERY 的 Jcrop组件做了一个在线裁图的功能. 初始化 $('#oldpicImg').Jcrop({ ...

  9. externkeyword放到函数体内而导致的linkage问题

    不少人都知道,C/C++语言编程时,假设要引用在别的C/C++文件里定义的变量或函数,必须extern一下,才干使用 另一些人知道,这个extern事实上能够放在函数体内声明,这么做的理由是不想让其它 ...

  10. web浏览器中的javascript 1

    Html 文档嵌入客户端有4种方式. 1. 内联.放置在<script>和</script>标签对之间. 2.放置在<script>标签的src属性指定的外部文件中 ...