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

接上文

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)  用户名字

html id命名规范,关于Html class id 命名规范相关推荐

  1. id jquery选择器 开头_HTML的id选择器类选择器

    一.问题:我们前面讲了标签选择器有一个缺陷就是它不加选择的把所有相同的标签全都变成统一样式,这对于我们个性化定制产生了阻碍,因此我们便引出了id选择器,来进行特别指定进行配置样式 二.id选择器 1. ...

  2. java中类的命名规则_java类方法属性的命名规范介绍

    java类方法属性的命名规范介绍,java命名总结.一个优秀的程序员,首先要培养良好的编程习惯,为了提高代码的可读性,必须有好的命名规范. 这篇文章是小编结合网上的很多资料整理出来的,若有不当或错误的 ...

  3. java配置文件起名规范_Mybatis注解和配置文件命名规范所引发的问题

    最近做ssm项目,在编写完login方法后,运行测试就发生错误. 报错如下: error querying database. cause: org.springframework.jdbc.cann ...

  4. 分布式ID详解(5种分布式ID生成方案)

    分布式架构会涉及到分布式全局唯一ID的生成,今天我就来详解分布式全局唯一ID,以及分布式全局唯一ID的实现方案@mikechen 什么是分布式系统唯一ID 在复杂分布式系统中,往往需要对大量的数据和消 ...

  5. C/C++ 编程规范(02)— 标识符命名

    标识符的命名要清晰.明了,有明确含义,同时使用完整的单词或大家基本可以理解的缩写,避免使人产生误解. 说明:较短的单词可通过去掉"元音"形成缩写:较长的单词可取单词的头几个字母形成 ...

  6. id: cannot find name for user ID xxx处理办法

    一.现像 root用户登录显示正常但以普通用户登录时报类似如下错误: id: cannot find name for user ID 500 id: cannot find name for gro ...

  7. 用sql语句获取连续整数id中,缺失的最小id和最大id

    2019独角兽企业重金招聘Python工程师标准>>> 例如数据库表 table 结构和数据如下,要求使用sql语句查询出连续整数id中,缺失的最小和最大id. 从数据来看,最终结果 ...

  8. 如何通过parent object ID获得underlying object structure IBASE ID

    Created by Jerry Wang, last modified on Sep 07, 2014 通过object ID ZJERRY0906D2获得underlying object str ...

  9. java id主键_JAVA主键ID生成工具类:改自twitter的分布式ID算法snowflake

    祝大家新年快乐,有任何问题可与我联系: 关于snowflake算法的介绍和原理这里不过多说明了,网上有很多. 这里简单描述下SnowflakeUtil的优点: 1.做为底层工具使用,可用于数据库主键. ...

  10. java变量命名规则_浅谈JAVA开发规范与开发细节(上)

    开发团队在开发过程中,由于每个人的开发习惯,以及对于技术的理解深浅程度不一,往往一个项目在开发过程中,代码的质量,代码的风格都不尽相似,所以有一份适合团队的代码规范是非常有必要的,而一个团队的代码规范 ...

最新文章

  1. 请给出一个Scala RDD的HelloWorld例子
  2. java设计模式---合成模式
  3. 配置Nginx实现负载均衡
  4. php中session中的变量未定义,我的PHP页面SESSION变量无法储存该怎么办?
  5. C# 指定Webbrowser控件所用IE内核版本
  6. 你周围需要这6种人(文摘)
  7. 随想录(搭建自己嵌入式项目的编译系统)
  8. docker镜像分层原理
  9. 学北邮计算机未来四十岁,2020年北京邮电大学计算机研究生保研心得
  10. 中文简繁转换项目 OpenCC
  11. ​微信小程序 获取地理位置(显示地图并显示经纬度)​
  12. css 网站大背景(按比例缩放背景图片)
  13. 001一种儿童癫痫发作的非通道广义癫痫检测方法-2021
  14. 【POI2005】SZA-Template(KMP)
  15. Windows实时视频通话SDK集成指引(实时视频系列三)
  16. Daimayuan Online Judge 查重判断
  17. 【毕业设计】基于springboot的小区智慧物业管理系统
  18. ant-design实现主题暗黑主题 和 亮色主题的 切换(实现网站黑白皮肤)
  19. 解析超大JSON文件
  20. GPS/BDS:星历表、历书、GPS三种启动方式

热门文章

  1. MyDiskTest硬盘检测绿色版
  2. java 端口流量统计_java—流量统计源码 | 学步园
  3. Android 应用在后台弹出提示相关的笔记1
  4. 本地音乐如何导入apple_如何将自己的音乐添加到Apple Music
  5. 科普一下:1G, 2G, 3G,4G,5G历史发展和定义
  6. 免费logo设计在线生成
  7. 谷歌学术统计的学者 ‘h 指数’ 是什么意思
  8. Make Your First GAN With PyTorch:1.PyTorch基础
  9. 我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器(开源)
  10. 富军:史玉柱鲜为人知的网络营销震撼策略!