700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html id命名规范 关于Html class id 命名规范

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

时间:2020-02-01 23:32:53

相关推荐

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,表示表。

例如:tbMembertbMember_InfotbForum_BoardtbForum_Thread1

字段命名规则

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

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

例如: User_Idint User_Namestr User_RegDatedtm

视图命名规则

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

前缀:使用小写字母vi,表示视图。

例如:vi_Uservi_UserInfo

存储过程命名规则

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

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

例如:sp_User

数据库设计文档规则

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

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

'表名:tbUser_Info

'建立人:UAM_Richard

'日期:-12-17

'版本:1.0

'描述:保存用户资料

'具体内容:

'UserIdint,自动增量用户代码

'UserNamechar(12)用户名字

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。