CSS样式命名整理

页面结构

容器: container/wrap

总体宽度:wrapper

页头:header

内容:content

页面主体:main

页尾:footer

导航:nav

側栏:sidebar

栏目:column

中间内容:center

导航

导航:nav

导航:mainnav/globalnav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

边导航图标:sidebarIcon

菜单:menu

子菜单:submenu

标题: title

功能

标志:logo

登陆:login

登录条:loginbar

注冊:regsiter

产品:products

产品价格:productsPrices

产品评论:productsReview

编辑评论:editor-review

最新产品:news-release

广告/标语:banner

摘要:summary

生产商:publisher

缩略图:screenshot

常见问题:faqs

关键词:keyword

博客:blog

论坛:forum

搜索:search

搜索输入框:search-input

搜索输出:search-output

搜索结果:search-results

增加我们:joinus

状态:status

button:btn

滚动:scroll

标签页:tab

文章列表:list

提示信息:msg/message

当前的: current

小技巧:tips

皮肤:skin

充值:pay

活动:activities

推广:promotion

公告:announcement

排行:ranking

公司简单介绍:companyProfile

公司设备:equipment

公司荣誉:glories

企业文化:culture

企业规模:scaleScale

营销网络:salesNetwork

组织机构:organization

技术力量:technology

分支机构:branches

企业资质:EnterpriseQualification

公司实力:strengthStrength

经营理念:operationPrinciple

经理致辞:manager_oration

发展历程:developmentHistory

project案例:EngineeringProjects

分类浏览:browseByCategory

应用领域:applicationFields

人力资源:humanResourceHr

领导致辞: leader_oration

客户留言:customerMessage

客户服务:customerService

您的要求:yourRequirements

销售信息:salesInformation

招商:EnterpriseEstablishing

教育培训:EducationTraining

在线交流:onlineCommunication

质量认证:qualityCertification

合作加盟:joinInCooperation

产品描写叙述:productsDescription

业务范围:businessScope

产品销售:salesSales

联系我们:contactUs

信息公布:Information

返回首页:homepage

产品定购:order

电子商务:E-business

版权全部:copy Right

友情连结:hot Link

行业新闻:tradeNews

行业动态:trends

邮编:postalCodeZipcode

新闻动态:newsTrends

公司名称:companyName

销售热线:salesHot_Line

联系人:contactPerson

建设中:InConstruction

证书:certificate

地址:ADD/Add

电话:TEL/Tel

传真:FAX/Fax

产品名称:productName

产品说明:description

价格:price

品牌:brand

规格:specification

尺寸:size

生产厂家:manufacuturer

型号:model

产品标号:Item No

技术指标:techniqueData

产品描写叙述:description

产地:productionPlace

用途:application

论坛:Forum

在线订购:on_lineOrder

招标:bidInviting

综述:general

业绩:achievements

大事:greatEvent

动态:trends

服务:service

投资:Investment

行业:Industry

规划:programming

环境:environment

发送:delivery

提交:submit

重写:reset

社区:community

业务:business

在线调查:onlineInquiry

下载中心:download

意见反馈:feedback

常见问题:FAQ

中心概况:generalProfile

游乐园:amusementPark

专题报道:specialReport

图标: icon

凝视:note

指南:guild

服务:service

热点:hot

新闻:news

下载:download

投票:vote

商 标:label/branding

当前位置:breadcrumb/loc

购物车:shop

标签:tag

信誉:siteinfo-credits

站点信息:siteinfo

法律声明:siteinfo-legal

合作伙伴:partner

友情链接:friendlink

版权:copyright

$(function () {
$('pre.prettyprint code').each(function () {
var lines = $(this).text().split('\n').length;
var $numbering = $('

    ').addClass('pre-numbering').hide();
    $(this).addClass('has-numbering').parent().append($numbering);
    for (i = 1; i ').text(i));
    };
    $numbering.fadeIn(1700);
    });
    });

网页class命名规范的更多相关文章

  1. Web UI 设计(网页设计)命名规范

    Web UI 设计命名规范 一.网站设计及基本框架结构: 1.    Container“container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wr ...

  2. Web UI 网站用户界面设计命名规范

    Web UI 网站用户界面设计命名规范 WEB UI设计命名规范,也就是网站用户界面设计(网页设计)命名规范. 这套规范并非单纯的CSS.html或JavaScript命名规范,它涉及了很多使用Pho ...

  3. Ops:命名规范

    前言 好的命名规范见名知义,可以极大的提高工作效率,对于运维工作的标准化至关重要,这里,分享本DevOps小组内讨论的命名规范,希望有参考意义,如果小伙伴们有好的建议或补充,欢迎留言. 1. ansi ...

  4. JavaScript var关键字、变量的状态、异常处理、命名规范等介绍

    本篇主要介绍var关键字.变量的undefined和null状态.异常处理.命名规范. 目录 1. var 关键字:介绍var关键字的使用. 2. 变量的状态:介绍变量的未定义.已定义未赋值.已定义已 ...

  5. [html] 有利于seo优化的div+css命名规范

    搜索引擎优化(seo)对命名规范有很多要求,下面是我收集的一些当下主流的命名(还是比较常用的): CSS样式命名 说明 网页公共命名 #wrapper 页面外围控制整体布局宽度 #container或 ...

  6. JavaScript发展史,与JScript差别,引入方式,数据类型,命名规范,命名推荐,解决命名冲突

    文件夹: 1.JavaScript发展史 2.JavaScript与JScript差别 3.JavaScript引入方式 4.JavaScript基本数据类型及布尔值 5.JavaScript命名规范 ...

  7. 第四章 android 命名规范和编码规范

    书里面讲的比较常见,单个人也是有不同的观点: 因为android绝大部分使用java开发的,因此java相关规范适用于android: Google Style: 英文地址:http://google ...

  8. 初识 Javascript.01 -- Javascript基础|输出方式、变量、变量命名规范、数据类型、

    Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司   研发出世界上第一款浏览器. 95年 sun公司   java语言诞生 网景公司和su ...

  9. div+css命名规范大全

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

随机推荐

  1. 基于visual Studio2013解决C语言竞赛题之0601判断素数函数

           题目 解决代码及点评 //编写一函数判断一个数是否为素数 #include<stdio.h> #include <stdlib.h> # ...

  2. Mysql 连接查询 Mysql支持的连接查询有哪些

    CREATE TABLE `chx` (   `id` VARCHAR(20) NOT NULL,   `name` VARCHAR(50) DEFAULT NULL,   `name2` CHAR( ...

  3. C++成员变量与函数内存分配

    关于结构体和C++类的内存地址问题 C++类是由结构体发展得来的,所以他们的成员变量(C语言的结构体只有成员变量)的内存分配机制是一样的.下面我们以类来说明问题,如果类的问题通了,结构体也也就没问题啦 ...

  4. Qt删除指定文件

    Qt删除指定文件: QFile fileTemp(filename); fileTemp.remove();

  5. [转]-bash: wget: command not found的两种解决方法

    wget 时提示 -bash:wget command not found,很明显没有安装wget软件包.一般linux最小化安装时,wget不会默认被安装,这里是CentOS 6.5 64位系统 解 ...

  6. cocos2d-x游戏开发系列教程-中国象棋04-摆棋

    前情回顾 在之前的学习中,我们已经了解到,下棋主界面是由CCMainMenu类实现的,在它的init函数中,初始化了 主界面需要的各种数据,包括:创建控件,初始化32个棋子,初始化执行变量等等,在这个 ...

  7. linux i2c驱动架构-dm368 i2c驱动分析

      linux i2c驱动架构-dm368 i2c驱动分析   在阅读本文最好先熟悉一种i2c设备的驱动程序,并且浏览一下i2c-core.c以及芯片提供商的提供的i2c总线驱动(i2c-davinc ...

  8. iPhone应用程序开发基础之一: IBOutlet与IBAction

    在图形界面编程时,解决的第一问题就是如何将静态界面与代码关联起来,或者说是代码如何与界面上的对象 通信, 代码如何操作界面上的对象.在iPhone平台上,引入了IBOutlet与IBAction.通过 ...

  9. 第十一章 认识与学习BASH

    系统支持的shell在   /etc/shells里面 Bash Shell 的功能: 1.命令修补能力(histroy) 2.命令与档案补全功能 3.命令别名设定功能 4.工作前景背景控制 5.支持 ...

  10. 记一次在Tomcat部署项目后无法启动该项目的例子

    在一次正常部署后,发现在Tomcat的管理中无法将该项目启动起来,并在Tomcat的日志文件localhost.log中发现以下错误信息: java.lang.NoSuchMethodError: o ...