html id命名规范,关于Html class id 命名规范

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

接上文

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，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。

我习惯称列表页为list，新闻列表则为newslist，图片列表为piclist，

内容页为view，

/**/

整体大框架：#wrapper

大框架内：#inwrapper

/////////////////////////////////////////////////////////////////////////////////////////////////////////

顶部及banner：.top

顶部及banner内：.intop

Logo：.logo

Banner：.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

////////////////////////////////////////////////////////////////////////////////////////////////////////////

/*其他命名*/

搜索：.search

搜索内：.insearch

搜索条：.searchselect

搜索按钮：.serachbuttom

输入文本框：.input

.select

/*表格样式*/

表格整体框架：.listbox

表格的宽度：.listbox-table

表格头部文字样式：.listbox-header

表格正文文字样式：.listbox-entry

/*通用型*/

通用：.GM/*这个有点郁闷,英文太差...*/

通用内：.INGM

通用左浮动：.GMfl(GM FLOAT LEFT)

通用右浮动：.GMfr(GM FLOAT RIGHT)

/*通用图片样式*/

通用图片样式：.img

/*清除浮动*/

清除所有浮动：.clear

清除左侧浮动：.clearleft

清除右侧浮动：.clearright

/*文字样式*/

文字：.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

内容：　　　content

搜索：　　　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

片断　　 section

模块　　 module

上导航　　 subnav

2.另外在编辑样式表时可用的注释可这样写：

内容区

3.样式文件命名

主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css

4.样式表中的注示

实例一

/* GLOBAL --------------------------- */

/* LINKS --------------------------- */

/* FORMS --------------------------- */

/* IDS --------------------------- */

/* HEADER --------------------------- */

/* COLUMN 1 --------------------------- */

/* COLUMN 2 --------------------------- */

/* CLASSES --------------------------- */

实例二

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

数据库中的命名规则

数据库涉及字符规则

采用26个英文字母(区分大小写)和0 －9这十个自然数，加上下划线_组成，共63个字符。不能出现其他字符(注释除外)。

数据库对象命名规则

数据库对象包括表、视图(查询)、存储过程(参数查询)、函数、约束。对象名字由前缀和实际名字组成，长度不超过30。前缀：使用小写字母。

例如：表-tb 视图-vi 存储过程-sp 函数-fn

实际名字

实际名字尽量描述实体的内容，由单词或单词组合，每个单词的首字母大写，其他字母小写，不以数字和_开头。

例如：表 User_Info 视图 UserList 存储过程 UserDelete

因此，合法的对象名字类似如下。

表 tbUser_Info、tbMessage_Detail

视图 vi_MessageList

存储过程 sp_MessageAdd

数据库表命名规则

字段由前缀和实际名字组成。实际名字中首单词一个系统尽量采取同一单词。

前缀：使用小写字母tb，表示表。

例如：tbMember　　　tbMember_Info　　　tbForum_Board　　　tbForum_Thread1

字段命名规则

数字、字符、日期/时间、lob(大对象)、杂项，字段由表的简称、下划线，实际名字加后缀组成。

后缀：使用小写字母，代表该字段的属性。

例如: 　User_Idint　　 　 User_Namestr　　 　 User_RegDatedtm

视图命名规则

字段由前缀和实际名字组成，中间用下划线连接。

前缀：使用小写字母vi，表示视图。

例如：vi_User　　　　vi_UserInfo

存储过程命名规则

字段由前缀和实际名字组成，中间用下划线连接。

前缀：使用小写字母sp，表示存储过程。

例如：sp_User

数据库设计文档规则

所有数据库设计要写成文档，文档以模块化形式表达。大致格式如下：

'-------------------------------------------

'　　表名：　　tbUser_Info

'　　建立人：UAM_Richard

'　　日期：　　2004-12-17

'　　版本：　　1.0

'　　描述：　　保存用户资料

'　　具体内容：

'　　UserId　　int，自动增量　　用户代码

'　　UserName　　char(12)　　用户名字