关于文件,以及各个模块的命名规范

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于文件,以及各个模块的命名规范相关的知识,希望对你有一定的参考价值。

主要的master.css 、

模块 module.css 、

基本共用 base.css 、

布局,版面 layout.css 、

主题 themes.css 、

专栏 columns.css 、

文字 font.css 、

表单 forms.css 、

补丁 mend.css 、

打印 print.css 、

页面结构
容 器: container 、页头:header 、内容:content/container 、页 面主体:main 、
页尾:footer 、导航:nav 、侧栏:sidebar 、栏 目:column 、页面外围控制整体布局宽度:wrapper 、左右中:left right center ;

导航
导 航:nav 、主导航:mainbav 、子导航:subnav 、顶导航:topnav 、边 导航:sidebar 、
左导航:leftsidebar 、右导航:rightsidebar 、菜单:menu 、子 菜单:submenu 、标题: title 、摘要: summary ;

功能
标 志:logo 、广告:banner 、登陆:login 、登录条:loginbar 、注 册:regsiter 、
搜索:search 、功能区:shop 、标题:title 、加 入:joinus 、状态:status 、按钮:btn 、滚动:scroll 、标签页:tab 、
文 章列表:list 、提示信息:msg 、当前的: current 、小技巧:tips 、图标: icon 、
注释:note 、指南:guide 、服务:service 、热点:hot 、新 闻:news 、下载:download 、投票:vote 、合作伙伴:partner 、
友情链 接:link 、版权:copyright  。

 

图片分类 命名:
广告、装饰图案等长方形的图片 ad_
标志性的图片 log_
在 页面上位置不固定并且带有链接的小图片(按钮)btn_
导航图片    nav_
菜单图片    men_
装饰用的照片取名    pic_
不带链接表示标题的图片取名    tit_
小图标    ico_
背景图片    bg_

 

 

常用的CSS命名规则


头:header

内容:content/container

尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体佈局宽度:wrapper

左右中:left right center
登录条:loginbar

标志:logo

广告:banner

页面主体:main
热点:hot

新闻:news

下载:download

子导航:subnav

菜单:menu

子菜单:submenu

搜索:search

友情链接:friendlink

页脚:footer

版权:copyright

滚动:scroll

内容:content

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guide
服务:service

注册:regsiter

状态:status

投票:vote

合作伙伴:partner


注释的写法:

/* Header */


id的命名:

1)页面结构

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体佈局宽度:wrapper

左右中:left right center


(2)导航

导航:nav

主导航:mainnav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

摘要: summary


(3)功能

标志:
logo
广告:banner

登陆:login
登录条:loginbar

注册:register

搜索:search

功能区:shop

标题:title

加入:joinus

状态:status

按钮:btn

滚动:scroll
标籤页:tab

文章列表:list

提示信息:msg

当前的: current

小技巧:tips

图标: icon

注释:note

指南:guild

服务:service

热点:hot

新闻:news

下载:download

投票:vote

合作伙伴:partner

友情链接:link

版权:copyright


注意事项::

1.一律小写;

2.尽量用英文;

3.不加中槓和下划线;

4.尽量不缩写,除非一看就明白的单词。

CSS样式表文件命名


主要的 master.css

模块 module.css

基本共用 base.css

布局、版面 layout.css

主题 themes.css

专栏 columns.css

文字 font.css

表单 forms.css

补丁 mend.css

打印 print.css

 

以上是关于关于文件,以及各个模块的命名规范的主要内容,如果未能解决你的问题,请参考以下文章

C#中的代码书写规范以及命名规范

说说数仓(6)-关于命名规范

python变量命名规范

关于redis key命名规范的设计

关于redis key命名规范的设计

Python命名规范