当前位置:主页 > 站长代码 >
站长代码

常用class命名规则【长春建站】



      在网站建设中,很多WEB前端开发人员,因为不懂得搜索引擎,抓取、排名原理,而随意使用DIV标签,以及Class命名,虽然从表面上看,我们网页的效果没有什么区别,但是实际在搜索引擎面前我们是不友好的,今天长春建站网,就和大家说说,最容易犯错的一些 class 命名规则,希望对大家有所帮助。

CSS样式命名 说明
网页公共命名
#wrapper 页面外围控制整体布局宽度
#container或#content 容器,用于最外层
#layout 布局
#head, #header 页头部分
#foot, #footer 页脚部分
#nav 主导航
#subnav 二级导航
#menu 菜单
#submenu 子菜单
#sideBar 侧栏
#sidebar_a, #sidebar_b 左边栏或右边栏
#main 页面主体
#tag 标签
#msg #message 提示信息
#tips 小技巧
#vote 投票
#friendlink 友情连接
#title 标题
#summary 摘要
#loginbar 登录条
#searchInput 搜索输入框
#hot 热门热点
#search 搜索
#search_output 搜索输出和搜索结果相似
#searchBar 搜索条
#search_results 搜索结果
#copyright 版权信息
#branding 商标
#logo 网站LOGO标志
#siteinfo 网站信息
#siteinfoLegal 法律声明
#siteinfoCredits 信誉
#joinus 加入我们
#partner 合作伙伴
#service 服务
#regsiter 注册
arr/arrow 箭头
#guild 指南
#sitemap 网站地图
#list 列表
#homepage 首页
#subpage 二级页面子页面
#tool, #toolbar 工具条
#drop 下拉
#dorpmenu 下拉菜单
#status 状态
#scroll 滚动
.tab 标签页
.left .right .center 居左、中、右
.news 新闻
.download 下载
.banner 广告条(顶部广告条)
 

 CSS命名规则

 CSS命名规则

       头:header

       内容:content/container

       尾:footer

       导航:nav

       侧栏:sidebar

       栏目:column

       页面外围控制整体布局宽度:wrapper

       左右中:left right center

       登录条:loginbar

       标志:logo

       广告:banner

       页面主体:main

       热点:hot

       新闻:news

       下载:download

       子导航:subnav

       菜单:menu

       子菜单:submenu

       搜索:search

       友情链接:friendlink

       页脚:footer

       版权:copyright

       滚动:scroll

       内容:content

       标签页:tab

       文章列表:list

       提示信息:msg

       小技巧:tips

       栏目标题:title

       加入:joinus

       指南:guild

       服务:service

       注册:regsiter

       状态:status

       投票:vote

       合作伙伴:partner

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


分享到:
相关推荐:


推荐文章
最新文章
热搜词汇
优化技巧 网站优化 长春网站优化 关键词排名 百度人工智能 网站日志 网站问题 360搜索升级 优化做好电商 网站优化重点 织梦插件 优化方案 流量如何增加 标题不能为空 学校 搜索引擎命令 网站被黑 织梦手机模板 站长心得 如何做好seo 织梦后台无法输入中文 五要五不要 网站排名 织梦标签 网站如何收录 关键词挖掘方法 首页优化 页面优化 关键词布局 如何做伪原创 营销 蜘蛛抓取 首页布局 关键词快速排名 快照处理 转载文章的技巧 网站优化关注点 织梦cms技巧 识别链接作弊 灰色行业优化排名 高权重外链 目标关键词 医疗网站 关键词快速上排名 新站秒排