文档章节

html+css 习惯养成(命名规范)

杯茶满盏
 杯茶满盏
发布于 2017/09/11 16:48
字数 454
阅读 33
收藏 0

相信许多初学者在使用相关html、css的编程软件的时候都对命名规范(英语好的人表讲话!)发愁,小编开始也是对各种命名规范头大,今天就让我为大家梳理一下有关的命名规范吧~

文件夹命名:

      常用:html、css、js、images

      特殊: 当我们的页面非常大需要维护的时候往往会将许多文件夹分开来放置。

  head. 头文件
  foot. 底文件
  index. 首页文件
  article_channel. 文章_频道页
  article_list. 文章_列表页
  article_detail. 文章_显示页
  product_ 产品中心 (同上三类复用)
  corporation_ 会员(同上)
  information_ 商机信息(同上)
  job_channel_ 招聘(同上)
  hr_ 求职(同上)
  job_hr_ 人才中心(同上)
  copyright. 版权页

选择器大布局命名:

       外套 wrap -------------------用于最外层
       头部 header -----------------用于头部
       主要内容 main --------------用于主体内容(中部)
       左侧 main-left --------------左侧布局 (中间的横杠使用下划线效果更佳哦~)
       右侧 main-right -------------右侧布局(同上~)
       导航条 nav ------------------网页菜单导航条
       内容 content ----------------用于网页中部主体
       底部 footer -----------------用于底部

选择器细节命名:

    头:header
    内容:content/container
    尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体布局宽度:wrapper
    左右中:left right center
    登录条:loginbar
    标志:logo
    广告:banner
    页面主体:main
    热点:hot
    新闻:news
    下载:download
    子导航:subnav
    菜单:menu
    子菜单:submenu
    搜索:search
    友情链接:friendlink
    滚动:scroll
    内容:content
    标签页:tab
    文章列表:list
    提示信息:msg
    小技巧:tips
    栏目标题:title
    加入:joinus
    指南:guild
    服务:service
    注册:regsiter
    状态:status
    投票:vote
    合作伙伴:partner

希望这些对大家养成良好的命名习惯有帮助~

© 著作权归作者所有

共有 人打赏支持
杯茶满盏
粉丝 0
博文 1
码字总数 454
作品 0
长春
程序员
养成这五个习惯,成为资深设计师(四)

不仅要规范图层的命名,还要规范你的工作文件的命名。 规范工作文件的命名其实有两个主要原因。第一,方便后续进行文件查找。比如今天其他部门的同事需要用到你之前做的一个发布会H5的源文件...

博为峰教研组
2016/12/21
4
0
养成这五个习惯,成为资深设计师(三)

规范命名源文件的图层,并做好分组。 在工作中会经常遇到要多次修改处理别人作品的情况。如果客户提供他们的设计师做的原始文件,那么我们来修改成合适大小的尺寸,适配到我们的客户端上面,...

博为峰教研组
2016/12/21
12
0
【理论】【转】Android项目重构之路:界面篇

在前一篇文章《Android项目重构之路:架构篇》中已经简单说明了项目的架构,将项目分为了四个层级:模型层、接口层、核心层、界面层。其中,最上层的界面,是变化最频繁的一个层面,也是最复杂...

拉风的道长
2015/10/23
42
0
软件项目质量保证:编码规范

原文出处:MeteorSeed 作为软件开发者,我们可以开发低等级的软件,但不能开发低质量的软件。所以,如何实施质量保证,是我们关注的主要问题之一,而编码规范则是实施质量保证的第一步。 编码...

MeteorSeed
2016/08/29
0
0
从零开始编写自己的C#框架(3)——开发规范

 由于是业余时间编写,而且为了保证质量,对写出来的东西也会反复斟酌,所以每周只能更新两章左右,请大家谅解,也请大家耐心等待,谢谢大家的支持。   初学者应该怎样学习本系列内容呢?...

技术小胖子
2017/11/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用xtrabackup完成远程备份

转载收藏,以防丢失 需求 Can I backup remote databases from my local server02-27-2013, 06:17 AMHi, I am using mysqldump so far for taking daily backups of my Production datab......

阿dai
9分钟前
1
0
OSChina 周五乱弹 —— 心情超级好开始乱删库

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 手机党少年们想听歌,请使劲儿戳(这里) 把生命除去上班时间, 都开心不起来。 @真Skr小机灵鬼儿: 你才不孤独呢, 想想你早起, @for。:这...

小小编辑
10分钟前
3
5
为什么你的python版本一团糟?因为少了这个操作

坑人的版本 Python 的版本问题一直是个广被吐槽的黑点。以至于有人调侃说: Python 是世界上最好的两种语言! 在这里我要说明下,对于初学者来说,版本间的语法差异其实并不大。现在刚开始学...

crossin
昨天
2
0
Cannot forward after response has been committed

声名:转载自CSDN 通过toncat启动服务器,可以正常登陆访问,登陆进去选择子系统的时候点击登陆的时候,可是去又回到了登陆界面,如此反复就是不能够进入子系统,查看后台报的错误: java.la...

小橙子的曼曼
昨天
2
0
shell编程(告警系统邮件引擎、运行告警系统)

告警系统邮件引擎 1.如果要使用邮件引擎功能,需要调用mail.py文件,放到/usr/local/sbin/mon/mail/目录下即可,具体内容如下: #!/usr/bin/env python#-*- coding: UTF-8 -*-import os,s...

蛋黄_Yolks
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部