《关于Html class id 命名规范》由会员分享，可在线阅读，更多相关《关于Html class id 命名规范（24页珍藏版）》请在金锄头文库上搜索。
1、关于关于 HtmlHtml classclass idid 命名规范命名规范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
2、标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：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边
3、导航：sidebar左导航：leftsidebar右导航：rightsidebar菜单：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合作伙
4、伴：partner友情链接：link版权：copyrightCSS+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投票:v
5、ote合作伙伴:partner版权:copyRight1.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(即页
6、面所处位置导航提示)容器:container内容:content搜索:search登陆:login功能区:shop(如购物车，收银台)当前的 current2.样式文件命名主要的:master.css布局版面:layout.css专栏:columns.css文字:font.css打印样式:print.css主题:themes.css说明：均为 class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。我习惯称列表页为 list，新闻列表则为 newslist，图片列表为 piclist，内容页为 view，638 棋牌 http:/ banner：.top顶部及 banner 内：.
7、intopLogo：.logoBanner：.banner导航：.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/*其他命
8、名*/搜索：.search搜索内：.insearch搜索条：.searchselect搜索按钮：.serachbuttom输入文本框：.input.select/*表格样式*/表格整体框架：.listbox表格的宽度：.listbox-table表格头部文字样式：.listbox-header表格正文文字样式：.listbox-entry/*通用型*/通用：.GM/*这个有点郁闷,英文太差.*/通用内：.INGM通用左浮动：.GMfl(GM FLOAT LEFT)通用右浮动：.GMfr(GM FLOAT RIGHT)/*通用图片样式*/通用图片样式：.img/*清除浮动*/清除所有浮动：.cl
9、ear清除左侧浮动：.clearleft清除右侧浮动：.clearright/*文字样式*/文字：.font/*新闻列表*/新闻列表：.fontnews/*View 页字体总样式*/VIEW 页字体：.fontview商 标： label标 题： title主导航： mainbav（globalnav）顶导航： topnav边导航： sidebar左导航： leftsidebar右导航： rightsidebar旗 志： logo标 语： banner菜单内容 1： menu1 content菜单容量： menu container子菜单： submenu边导航图标：sidebarIcon注释
10、： note面包屑： breadcrumb(即页面所处位置导航提示）容器： container内容： content搜索： search登陆： Login功能区： shop(如购物车，收银台)当前的 current报头： masthead摘要, 概要 summary 或 general左边的浮动照图片 photoleft右边的浮动图片 photoright标题 title条目底端 entrybottom更多 extended 或.more容器背景 containerbg服务 service服务链接 servicelink线 line文本 text右边 rightside版权 copyright
11、新闻 news书皮 wrapper介绍 intro-part1专栏 column路径 pathways片断 section模块 module上导航 subnav2.另外在编辑样式表时可用的注释可这样写：内容区3.样式文件命名主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css4.样式表中的注示实例一/* GLOBAL - */* LINKS - */* FORMS - */* IDS - */* HEADER - */* COLUMN 1 - */* COLUMN 2 - */* C
12、LASSES - */实例二HTML实例三（网易）CSS#UrsLogin#LogoNav#Column#Content1#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数据库中的命名规
13、则数据库涉及字符规则采用 26 个英文字母（区分大小写）和 0 9 这十个自然数，加上下划线_组成，共 63个字符。不能出现其他字符（注释除外）。数据库对象命名规则数据库对象包括表、视图（查询）、存储过程（参数查询）、函数、约束。对象名字由前缀和实际名字组成，长度不超过 30。前缀：使用小写字母。例如：表-tb 视图-vi 存储过程-sp 函数-fn实际名字实际名字尽量描述实体的内容，由单词或单词组合，每个单词的首字母大写，其他字母小写，不以数字和_开头。例如：表 User_Info 视图 UserList 存储过程 UserDelete因此，合法的对象名字类似如下。表 tbUser_Info
14、、tbMessage_Detail视图 vi_MessageList存储过程 sp_MessageAdd数据库表命名规则字段由前缀和实际名字组成。实际名字中首单词一个系统尽量采取同一单词。前缀：使用小写字母 tb，表示表。例如：tbMember tbMember_Info tbForum_Board tbForum_Thread1字段命名规则数字、字符、日期/时间、lob(大对象)、杂项，字段由表的简称、下划线，实际名字加后缀组成。后缀：使用小写字母，代表该字段的属性。例如: User_Idint User_Namestr User_RegDatedtm视图命名规则字段由前缀和实际名字组成，中间用下划线连接。前缀：使用小写
