CSS+DIV标签命名规范 搜索引擎最喜欢

搜索引擎优化(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

时间: 2024-12-11 18:13:47

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

css的一些命名规范

网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇. 常用DIV+CSS命名大全集合,即CSS命名规则 DIV CSS命名目录 命名规则说明 重要CSS命名 CSS命名参考表 命名技巧 我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. 一.命名规则说明:   -   TOP 1).所有的命名最好都小写2).属性的值

CSS+DIV常用命名

常用的符合CSS+DIV规则的命名 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 友情链接:friendLink 页脚:footer 加入:joinus 指南:guild 服务:servic

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

Puppet命名规范: 约定说明: 小写字母:"a-z" 大写字母:"A-Z" 数字: "0-9" 句号: "." 下划线: "_" 连字符: "-" 冒号: ":" 1.主机命名: 规范:/\A[a-z0-9._-]+\Z/ 推荐:角色-运营商-机房-IP.系统.域名   web-cnc-bj-174.129.158.192.centos.linuxtone.org

前端标签命名规范

编码 1. 必须有DOCTYPE 2. 必须指定字符编码,如utf-8,gb2312 3. 页面中必须包含一个title元素,内容少于60字,包含网站名字和页面主题 框架标签(强制使用所列出的命名) 5. 页面至少且只能有一个h1,h1一般用在网站logo,<h1 class="logo"></h1> 从h2开始,每个hn前面至少有一个h(n-1) 6. 页头header,页面主体main,页底footer,外框container/wrap <div cl

如何让文字随着右边变化联动,而左侧随着图片动?css div标签

效果是这样: 图片做背景:background:url(kx100-d-001.png) 50% 50%; 然后呢,中间是大字,居中.但是下面的小字却不需要居中,如何办? <span style="font-family: Arial, Helvetica, sans-serif;">#sdiv { float:left; width:100%; height:100%;font-family:"黑体",Arial, Helvetica, sans-se

CSS命名规范

html页面的CSS.DIV命名规则 CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:

最全面的div+css和.net命名规则

CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:foote

关于Html class id 命名规范

CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:foote

div+css命名规范大全

网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率, 我们开发DIV+CSS网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. 一.命名规则说明: 1).所有的命名最好都小写2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3).每个标签都要有开始和结束,且要有正确的层次,