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) 用户名字
html id命名规范,关于Html class id 命名规范相关推荐
- id jquery选择器 开头_HTML的id选择器类选择器
一.问题:我们前面讲了标签选择器有一个缺陷就是它不加选择的把所有相同的标签全都变成统一样式,这对于我们个性化定制产生了阻碍,因此我们便引出了id选择器,来进行特别指定进行配置样式 二.id选择器 1. ...
- java中类的命名规则_java类方法属性的命名规范介绍
java类方法属性的命名规范介绍,java命名总结.一个优秀的程序员,首先要培养良好的编程习惯,为了提高代码的可读性,必须有好的命名规范. 这篇文章是小编结合网上的很多资料整理出来的,若有不当或错误的 ...
- java配置文件起名规范_Mybatis注解和配置文件命名规范所引发的问题
最近做ssm项目,在编写完login方法后,运行测试就发生错误. 报错如下: error querying database. cause: org.springframework.jdbc.cann ...
- 分布式ID详解(5种分布式ID生成方案)
分布式架构会涉及到分布式全局唯一ID的生成,今天我就来详解分布式全局唯一ID,以及分布式全局唯一ID的实现方案@mikechen 什么是分布式系统唯一ID 在复杂分布式系统中,往往需要对大量的数据和消 ...
- C/C++ 编程规范(02)— 标识符命名
标识符的命名要清晰.明了,有明确含义,同时使用完整的单词或大家基本可以理解的缩写,避免使人产生误解. 说明:较短的单词可通过去掉"元音"形成缩写:较长的单词可取单词的头几个字母形成 ...
- id: cannot find name for user ID xxx处理办法
一.现像 root用户登录显示正常但以普通用户登录时报类似如下错误: id: cannot find name for user ID 500 id: cannot find name for gro ...
- 用sql语句获取连续整数id中,缺失的最小id和最大id
2019独角兽企业重金招聘Python工程师标准>>> 例如数据库表 table 结构和数据如下,要求使用sql语句查询出连续整数id中,缺失的最小和最大id. 从数据来看,最终结果 ...
- 如何通过parent object ID获得underlying object structure IBASE ID
Created by Jerry Wang, last modified on Sep 07, 2014 通过object ID ZJERRY0906D2获得underlying object str ...
- java id主键_JAVA主键ID生成工具类:改自twitter的分布式ID算法snowflake
祝大家新年快乐,有任何问题可与我联系: 关于snowflake算法的介绍和原理这里不过多说明了,网上有很多. 这里简单描述下SnowflakeUtil的优点: 1.做为底层工具使用,可用于数据库主键. ...
- java变量命名规则_浅谈JAVA开发规范与开发细节(上)
开发团队在开发过程中,由于每个人的开发习惯,以及对于技术的理解深浅程度不一,往往一个项目在开发过程中,代码的质量,代码的风格都不尽相似,所以有一份适合团队的代码规范是非常有必要的,而一个团队的代码规范 ...
最新文章
- 请给出一个Scala RDD的HelloWorld例子
- java设计模式---合成模式
- 配置Nginx实现负载均衡
- php中session中的变量未定义,我的PHP页面SESSION变量无法储存该怎么办?
- C# 指定Webbrowser控件所用IE内核版本
- 你周围需要这6种人(文摘)
- 随想录(搭建自己嵌入式项目的编译系统)
- docker镜像分层原理
- 学北邮计算机未来四十岁,2020年北京邮电大学计算机研究生保研心得
- 中文简繁转换项目 OpenCC
- ​微信小程序 获取地理位置(显示地图并显示经纬度)​
- css 网站大背景(按比例缩放背景图片)
- 001一种儿童癫痫发作的非通道广义癫痫检测方法-2021
- 【POI2005】SZA-Template(KMP)
- Windows实时视频通话SDK集成指引(实时视频系列三)
- Daimayuan Online Judge 查重判断
- 【毕业设计】基于springboot的小区智慧物业管理系统
- ant-design实现主题暗黑主题 和 亮色主题的 切换(实现网站黑白皮肤)
- 解析超大JSON文件
- GPS/BDS:星历表、历书、GPS三种启动方式
热门文章
- MyDiskTest硬盘检测绿色版
- java 端口流量统计_java—流量统计源码 | 学步园
- Android 应用在后台弹出提示相关的笔记1
- 本地音乐如何导入apple_如何将自己的音乐添加到Apple Music
- 科普一下:1G, 2G, 3G,4G,5G历史发展和定义
- 免费logo设计在线生成
- 谷歌学术统计的学者 ‘h 指数’ 是什么意思
- Make Your First GAN With PyTorch:1.PyTorch基础
- 我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器(开源)
- 富军:史玉柱鲜为人知的网络营销震撼策略!