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

常用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


常用class命名规则【长春建站】 http://www.121seo.cn/daima/819.html
以上文章出自长春SEO自学网未经作者许可,不得转载。2018-11-02 08:27:16"

分享到:
相关推荐: