网页命名规则

1、CSS命名规则头：header内容：content/containe尾：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栏目标题：ti

2、tle加入：joinus指南：guild服务：service注册：regsiter状态：status投票：vote合作伙伴：partnerXHTML文件中id的命名(1)页面结构容器: container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center(2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar菜

3、单：menu子菜单：submenu标题: title摘要: summary(3)功能标志：logo广告：banner登陆：login登录条：loginbar注册：regsiter搜索：search功能区：shop标题：title加入：joinus状态：status按钮：btn滚动：scroll标签页：tab文章列表：list提示信息：msg当前的: current小技巧：tips图标: icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版权：copyrightCSS+DIV的命名规则

4、：登录条: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版权:copyRight1.CSSID的命名外套:wra

5、p主导航: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登陆:l

6、ogin功能区:shop(如购物车，收银台)当前的current2.样式文件命名主要的:master.css布局版面:layout.css专栏:columns.css文字:font.css打印样式:print.css主题:themes.css说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。我习惯称列表页为list，新闻列表则为newslist，图片列表为piclist，内容页为view，/*/整体大框架：#wrapper大框架内：#inwrapper/顶部及banner：.top顶部及banner内：.intopLogo：.logoBanner：.banner导航

7、：.menu导航内：.inmenu.Menuul.Menuul li.Menuul li a下拉菜单：.inmenu_xiala.Inmenu_xialaul.Inmenu_xialaul li.Inmenu_xialaul li a/主体内容：.mainWrapper主体内容内：.inmainwrapper左侧拦：.sideleft左侧内：.insideleft右侧栏：.sideright右侧内：.insideright中间：.sidecenter中间内：.insidecenter/底部：.foot底部内：.infoot/*其他命名*/搜索：.search搜索内：.insearch搜索条：.

8、searchselect搜索按钮：.serachbuttom输入文本框：.input.select/*表格样式*/表格整体框架：.listbox表格的宽度：.listbox-table表格头部文字样式：.listbox-header表格正文文字样式：.listbox-entry/*通用型*/通用：.GM/*这个有点郁闷,英文太差.*/通用内：.INGM通用左浮动：.GMfl(GM FLOAT LEFT)通用右浮动：.GMfr(GM FLOAT RIGHT)/*通用图片样式*/通用图片样式：.img/*清除浮动*/清除所有浮动：.clear清除左侧浮动：.clearleft清除右侧浮动：.cle

9、arright/*文字样式*/文字：.font/*新闻列表*/新闻列表：.fontnews/*View页字体总样式*/VIEW页字体：.fontview商标：label标题：title主导航：mainbav（globalnav）顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar旗志：logo标语：banner菜单内容1： menu1 content菜单容量：menu container子菜单：submenu边导航图标：sidebarIcon注释：note面包屑：breadcrumb(即页面所处位置导航提示）容器：container内容：co

10、ntent搜索：search登陆：Login功能区：shop(如购物车，收银台)当前的current报头：masthead 摘要, 概要 summary或general左边的浮动照图片 photoleft 右边的浮动图片 photoright标题title条目底端 entrybottom更多 extended或.more 容器背景 containerbg服务 service服务链接 servicelink线 line文本 text右边 rightside版权 copyright新闻 news书皮 wrapper介绍intro-part1专栏 column路径 pathways片断 sectio

11、n模块 module上导航 subnav2.另外在编辑样式表时可用的注释可这样写：内容区3.样式文件命名主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css4.样式表中的注示实例一/* GLOBAL - */* LINKS - */* FORMS - */* IDS - */* HEADER - */* COLUMN 1 - */* COLUMN 2 - */* CLASSES - */实例二HTML实例三（网易）CSS#UrsLogin#LogoNav#Column#Content

12、1#bNav#Copyright#UrsLogin#LogoNav#SearchArea#ChannelArea#HotNews#NewsCenter.keyword#MallArea#city#aboutus常见命名包含 wrapper和container 页头 header 或缩写为hd 页尾 footer 或缩写为ft 导航 nav 您的位置 breadcrumbs 二级导航 sub_nav 侧栏 sidebar或side-column 模块 module数据库中的命名规则数据库涉及字符规则采用26个英文字母（区分大小写）和0 9这十个自然数，加上下划线_组成，共63个字符。不能出现其他

13、字符（注释除外）。数据库对象命名规则数据库对象包括表、视图（查询）、存储过程（参数查询）、函数、约束。对象名字由前缀和实际名字组成，长度不超过30。前缀：使用小写字母。例如：表-tb 视图-vi 存储过程-sp 函数-fn实际名字实际名字尽量描述实体的内容，由单词或单词组合，每个单词的首字母大写，其他字母小写，不以数字和_开头。例如：表 User_Info 视图 UserList 存储过程 UserDelete因此，合法的对象名字类似如下。表 tbUser_Info、tbMessage_Detail视图 vi_MessageList存储过程 sp_MessageAdd数据库表命名规则字段由前缀

14、和实际名字组成。实际名字中首单词一个系统尽量采取同一单词。前缀：使用小写字母tb，表示表。例如：tbMembertbMember_InfotbForum_BoardtbForum_Thread1字段命名规则数字、字符、日期/时间、lob(大对象)、杂项，字段由表的简称、下划线，实际名字加后缀组成。后缀：使用小写字母，代表该字段的属性。例如: User_Idint User_Namestr User_RegDatedtm视图命名规则字段由前缀和实际名字组成，中间用下划线连接。前缀：使用小写字母vi，表示视图。例如：vi_Uservi_UserInfo存储过程命名规则字段由前缀和实际名字组成，中间

15、用下划线连接。前缀：使用小写字母sp，表示存储过程。例如：sp_User数据库设计文档规则所有数据库设计要写成文档，文档以模块化形式表达。大致格式如下：-表名：tbUser_Info建立人：UAM_Richard日期：2004-12-17版本：1.0描述：保存用户资料具体内容：UserIdint，自动增量用户代码UserNamechar(12)用户名字.-CSS类及id中的命名规则Web开发人员可以通过创建CSS类及id名称并使用这些名称来对div以及其他的格式页面元素进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的CSS selectors时，必须保证其与预定义的标记准确

16、匹配，但就类以及id选择器名称而言，则仁者见仁，智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。1、直观命名当在设计Web页面以及需要对一个div进行标识的时候，最自然的想法就是使用可以描述元素所在页面位置的词汇来对其命名。例如：top-panelhorizontal-navleft-sidecenter-columnright-col这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义，因此满足了标识页面元素以及相应的CSS样式的需要。但问题是这样的名称同页面内容的特定表达方式相关联。这些命名参考了某种特定页面布局中的页面元素位置，因此在这样的布

17、局之外使用就会显得不合适甚至造成理解混乱。这些命名没有涉及文档内容的结构。因此，下面给出了对CSS类以及ID命名更好的方法。2、结构化命名这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义，因此满足了标识页面元素以及相应的CSS样式的需要。 这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义，因此满足了标识页面元素以及相应的CSS样式的需要。有标记的相关信息都是用来描述文档的结构而不是外观。这样的特点使得我们可以通过简单的改变CSS的方式来对不同外观格式下的内容（content）以及标记（markup）进行重用。当你理解这种方式时

18、，很容易就可以发现采用页面位置来为类以及id命名的方式在处理如音频（audio）等外观格式上显得非常不合适。因此，应当根据在文档中的使用目的而非出现位置来对类以及id进行结构化命名。可以按照如下所示的结构化方式来对类以及id名称命名：例如：brandingmain-navsubnavmain-contentsidebar这些名字同直观命名方式一样非常易懂，但他们描述了页面元素的作用而非位置。这使得代码更加符合使用纯粹的结构化标记（structural markup）的初衷，即开发人员可以在不改变标记的情况下对各种各样媒体下的显示格式进行处理。即使你不打算在其他的媒体上对Web页面进行格式修改，

19、使用结构化命名方式还可以帮助你在日后的站点升级或重新设计中更为轻松。例如，结构化命名避免了当一个div同id right-column移动到页面左边后所带来的混乱。对div sidebar的采用这样的命名方式就显得更加适当，因为无论它出现在页面的哪一边，这个名字仍然对开发人员来说直观易懂。3、惯例Andy Clarke分析了40份由推崇标准化Web设计理念的开发人员所设计的Web站点的源代码。尽管类以及id名称很不统一，但是还是发现了一些频繁出现的常用名称。这里给出了最常用类/id名称的示例列表：例如：headercontentnavsidebarfooter3.基于成员的命名规范基于成员的命

20、名规范是指按照文件,文件夹的从属关系,通过归类的方法进行命名,这样可以使文件的排列具有较强的逻辑性.例如:一个图片文件是在鼠标点击之前为file_on.而在点击后的图片文件命名为file_off根据这个类别命名.更加的清晰.4.基于属性的命名规范例如:装饰性小图片按照_.*来表现.这个为heart_red_401*334_1.jpg5.基于序数的命名规范在网页中一般为了减少图片的下载时间把图片分隔成一小部分,组成一个整体图.这时可以用二维数组的方式命名.例如: 这个图片为donghua_11.jpg这个图片为donghua_12.jpg这个图片为donghua_21.jpg这个图片为dongh

21、ua_22.jpg这些组成一幅图片.6.基于枚举的命名规范第一个为书的侧面为ddd_cemian.jpg第二个为书的封皮为ddd_fengpi.jpg第三个为书的封底为ddd_fengdi.jpg还有的网站上图片的欣赏也有不同的大小,可根据用户的意愿查看.例如:ddd_cemian_401*334.jpg和ddd_cemian_1024*768.jpg这些供大家建设网站参考.为避免代码冲突（这样做也会让你的代码更为通用），就要使用命名法则，这是一个很好的编程习惯。好啦，这里介绍一些常用的法则。命名变量、方法、以及属性变量、方法和属性的名称的第一个字母应该大写，并且名称应该能表达出它们的用途（或

22、者说是意义）。变量.NET 命名匈牙利命名描述CstringEmployeeNameszNameName of an employee.IntAttendanceCounternCounterA counter of type long.LongNumberOfByteslBytesA long type variable stores bytes.有时我们习惯于在定义中使用下划线 _，例如： Add_Data(int a, int b). 按照新的命名法则，这不是一个好的编程习惯，虽然它并没有错。你应该将定义 Add_Data 改为 AddData。 这不是微软的标准，你也不是必须按照这些法

23、则。但是，在一些地方你会明白下边这些法则的合理性。就我个人而言，我更喜欢匈牙利命名法。当然，变量也使用同样的法则。如果你记得匈牙利命名法的话，一个布尔型的变量定义以b打头，比如：BOOL bFlag = TRUE;新的法则不推荐使用Flag 和 b：bool IsFileFound = true;你可以浏览一下MSDN，那里边有更多有关新的法则的说明。命名组件以及集合（Assemblies）为避免代码冲突, 按照命名法则给你的库(在 .NET 中称为assembly)命名是一个良好的编程习惯。假定你是MindCracker 公司的，你在开发一个用于扩充C# database 类的库, 把它的名

24、字命名为MindCracker.DatabaseAssembly.ADOSet 要比MyAssembly.Database.ADOSet好的多。再假定你的库有一个方法，它是从表中读取数据，并返回一个数据集。你如果取名为 DataSet return_data()的话，改为DataSet ReturnData()好啦.你还应该在命名中遵循一个统一的单词顺序。例如，你有俩个表，分别为Employee 和 Manager ，并且你还为它们分别定义了一个向表里边插入一条记录的方法， 那么方法名AppendEmployee 和 AppendManager 要比AppendEmployee 和 Manag

25、erAppend要好。我更喜欢的二种方法，因为很容易清楚一个块儿结构和嵌套块儿结构。匈牙利命名法（efoxxx附）匈牙利命名法是一名匈牙利程序员发明的，而且他在微软工作了多年。此命名法就是通过微软的各种产品和文档传出来的。多数有经验的程序员，不管他们用的是哪门儿语言，都或多或少在使用它这种命名法的基本原则是：变量名属性类型对象描述即一个变量名是由三部分信息组成，这样，程序员很容易理解变量的类型、用途，而且便于记忆。下边是一些推荐使用的规则例子，你可以挑选使用，也可以根据个人喜好作些修改再用之。属性部分：全局变量： g_常量 ： c_类成员变量： m_类型部分：指针： p句柄： h布尔型： b浮

26、点型： f无符号： u描述部分：初始化： Init临时变量： Tmp目的对象： Dst源对象： Src窗口： Wnd将介绍匈牙利命名法，后面的例子里也会尽量遵守它和上面的代码风格。还是那句话，并不是要求所有的读者都要去遵守，但是希望读者作为一个现代的软件开发人员都去遵守它。a Array 数组b BOOL (int) 布尔(整数)by Unsigned Char (Byte) 无符号字符(字节)c Char 字符(字节)cb Count of bytes 字节数cr Color reference value 颜色(参考)值cx Count of x (Short) x的集合(短整数)dw D

27、WORD (unsigned long) 双字(无符号长整数)f Flags (usually multiple bit values) 标志(一般是有多位的数值)fn Function 函数g_ global 全局的h Handle 句柄i Integer 整数l Long 长整数lp Long pointer 长指针m_ Data member of a class 一个类的数据成员n Short int 短整数p Pointer 指针s String 字符串sz Zero terminated String 以0结尾的字符串tm Text metric 文本规则u Unsigned in

28、t 无符号整数ul Unsigned long (ULONG) 无符号长整数w WORD (unsigned short) 无符号短整数x,y x, y coordinates (short) 坐标值/短整数v void 空下边举例说明：hwnd： h表示句柄，wnd表示窗口，合起来为“窗口句柄”。m_bFlag： m表示成员变量，b表示布尔，合起来为：“某个类的成员变量，布尔型，是一个状态标志”。C# .net 命名规范 一个好的命名规范如此难找，还是自己收藏一个比较好1 ADO.NET 命名规范 数据类型 数据类型简写 标准命名举例 Connection con conNorthwind

29、Command cmd cmdReturnProducts Parameter parm parmProductID DataAdapter dad dadProducts DataReader dtr dtrProducts DataSet dst dstNorthWind DataTable dtbl dtblProduct DataRow drow drowRow98 DataColumn dcol dcolProductID DataRelation drel drelMasterDetail DataView dvw dvwFilteredProducts WinForm Contr

30、ol 命名规范数据类型 数据类型简写 标准命名举例 Label lbl lblMessage LinkLabel llbl llblToday Button btn btnSave TextBox txt txtName MainMenu mmnu mmnuFile CheckBox chk chkStock RadioButton rbtn rbtnSelected GroupBox gbx gbxMain PictureBox pic picImage Panel pnl pnlBody DataGrid dgrd dgrdView ListBox lst lstProducts Chec

31、kedListBox clst clstChecked ComboBox cbo cboMenu ListView lvw lvwBrowser TreeView tvw tvwType TabControl tctl tctlSelected DateTimePicker dtp dtpStartDate HscrollBar hsb hsbImage VscrollBar vsb vsbImage Timer tmr tmrCount ImageList ilst ilstImage ToolBar tlb tlbManage StatusBar stb stbFootPrint Open

32、FileDialog odlg odlgFile SaveFileDialog sdlg sdlgSave FoldBrowserDialog fbdlg fgdlgBrowser FontDialog fdlg fdlgFoot ColorDialog cdlg cdlgColor PrintDialog pdlg pdlgPrint 3 WebControl 命名规范数据类型 数据类型简写 标准命名举例 AdRotator adrt Example Button btn btnSubmit Calendar cal calMettingDates CheckBox chk chkBlue

33、CheckBoxList chkl chklFavColors CompareValidator valc valcValidAge CustomValidator valx valxDBCheck DataGrid dgrd dgrdTitles DataList dlst dlstTitles DropDownList drop dropCountries HyperLink lnk lnkDetails Image img imgAuntBetty ImageButton ibtn ibtnSubmit Label lbl lblResults LinkButton lbtn lbtnS

34、ubmit ListBox lst lstCountries Panel pnl pnlForm2 PlaceHolder plh plhFormContents RadioButton rad radFemale RadioButtonList radl radlGender RangeValidator valg valgAge RegularExpression vale valeEmail_Validator Repeater rpt rptQueryResults RequiredFieldValidator valr valrFirstName Table tbl tblCount

35、ryCodes TableCell tblc tblcGermany TableRow tblr tblrCountry TextBox txt txtFirstName ValidationSummary vals valsFormErrors XML xmlc xmlcTransformResults .NET中的命名规则名称空间的命名 命名名称空间的一般规则如下： CompanyName.TechnologyName这样，我们看到的名称空间应该是这样的： Microsoft.Office PowerSoft.PowerBuilder 注意：这只是一个原则。第三方公司可以选择其它的名字。避免用公司名称或其它著名品牌的名称作为名称空间的前缀，这样会造成两个公布的名称空间有同一个名称的可能性。例如： 将微软提供的Office自动类命名为Microsoft.Office使用Pasca