您好,欢迎访问三七文档
CSS命名规则头:header内容:content/containe尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftrightcenter登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:search友情链接:friendlink页脚:footer版权:copyright滚动:scroll内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title加入:joinus指南:guild服务:service注册:regsiter状态:status投票:vote合作伙伴:partnerXHTML文件中id的命名(1)页面结构容器:container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftrightcenter(2)导航导航:nav主导航:mainbav子导航:subnav顶导航:topnav边导航: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合作伙伴: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投票:vote合作伙伴: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(即页面所处位置导航提示)容器:container内容:content搜索:search登陆:login功能区: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导航:.menu导航内:.inmenu.Menuul.Menuulli.Menuullia下拉菜单:.inmenu_xiala.Inmenu_xialaul.Inmenu_xialaulli.Inmenu_xialaullia///////////////////////////////////////////////////////////////////////////////////////////////////////////主体内容:.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(GMFLOATLEFT)通用右浮动:.GMfr(GMFLOATRIGHT)/*通用图片样式*/通用图片样式:.img/*清除浮动*/清除所有浮动:.clear清除左侧浮动:.clearleft清除右侧浮动:.clearright/*文字样式*/文字:.font/*新闻列表*/新闻列表:.fontnews/*View页字体总样式*/VIEW页字体:.fontview商标:label标题:title主导航:mainbav(globalnav)顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar旗志:logo标语:banner菜单内容1:menu1content菜单容量:menucontainer子菜单: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上导航subnav2.另外在编辑样式表时可用的注释可这样写:--Footer--内容区--EndFooter--3.样式文件命名主要的master.css布局,版面layout.css专栏columns.css文字font.css打印样式print.css主题themes.css4.样式表中的注示实例一/*GLOBAL---------------------------*//*LINKS---------------------------*//*FORMS---------------------------*//*IDS---------------------------*//*HEADER---------------------------*//*COLUMN1---------------------------*//*COLUMN2---------------------------*//*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_IdintUser_NamestrUser_RegDatedtm视图命名规则字段由前缀和实际名字组成,中间用下划线连接。前缀:使用小写字母vi,表示视图。例如:vi_Uservi_UserInfo存储过程命名规则字段由前缀和实际名字组成,中间用下划线连接。前缀:使用小写字母sp,表示存储过程。例如:sp_User数据库设计文档规则所有数据库设计要写成文档,文档以模块化形式表达。大致格式如下:'-------------------------------------------'表名:tbUser_Info'建立人:UAM_Richard'日期:2004-12-17'版本:1.0'描述:保存用户资料'具体内容:'UserIdint,自动增量用户代码'UserNamechar(12)用户名字'
本文标题:网页命名规则
链接地址:https://www.777doc.com/doc-3539136 .html