文档章节

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

杯茶满盏
 杯茶满盏
发布于 2017/09/11 16:48
字数 454
阅读 33
收藏 0
点赞 0
评论 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 ⋅ 0

thinkphp开发建议

在使用ThinkPHP进行开发的过程中,我们给出如下建议,会让你的开发变得更轻松: 遵循框架的命名规范和目录规范; 开发过程中尽量开启调试模式,及早发现问题; 多看看日志文件,查找隐患问题...

freedonn ⋅ 2014/08/21 ⋅ 0

养成这五个习惯,成为资深设计师(三)

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

博为峰教研组 ⋅ 2016/12/21 ⋅ 0

编程一开始就应该养成的好习惯

有些编程规范,学编程第一天就应该了解,这些习惯比你多学两章知识来的更为实际,他们甚至可能会直接影响你的编程生涯,所以,不要一开始觉得这些习惯都不重要,有很多同学认为等到技术成熟的...

____追梦人 ⋅ 2015/08/27 ⋅ 1

【理论】【转】Android项目重构之路:界面篇

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

拉风的道长 ⋅ 2015/10/23 ⋅ 0

软件项目质量保证:编码规范

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

MeteorSeed ⋅ 2016/08/29 ⋅ 0

从零开始编写自己的C#框架(3)——开发规范

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

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

前端工程的入门须知

本文是写给那些想要入门web前端工程的初学者,高手请路过,也欢迎高手们拍砖。 先说下web前端工程师的价值,目前web产品交互越来越复杂,用户使用体验和网站前端性能优化这些都得靠web前端工...

WEB攻程狮 ⋅ 2017/12/01 ⋅ 0

转一个J2EE开发时的包命名规则,养成良好的开发习惯

代码编写规范目的:能够在编码过程中实现规范化,为以后的程序开发中养成良好的行为习惯。 代码编写规范使用范围:J2EE项目开发。 包命名规范: 目的:包的命名规范应当体现出项目资源良好的...

绝艳天纵 ⋅ 2012/04/12 ⋅ 0

JAVA程序员怎么提高编码规范能力

我之前都在小公司待着,每天都是赶进度,赶项目,没有养成规范的代码习惯

Baclk5 ⋅ 2014/09/19 ⋅ 14

没有更多内容

加载失败,请刷新页面

加载更多

下一页

CENTOS7防火墙命令记录

安装Firewall命令: yum install firewalld firewalld-config Firewall开启常见端口命令: firewall-cmd --zone=public --add-port=80/tcp --permanent firewall-cmd --zone=public --add-po......

cavion ⋅ 50分钟前 ⋅ 0

【C++】【STL】利用chromo来测量程序运行时间与日志时间打印精确到微秒

直接上代码吧,没啥好说的。头疼。 #include <iostream>#include <string>#include <ctime>#include <sstream>#include <iomanip>#include <thread>#include <chrono>using ......

muqiusangyang ⋅ 53分钟前 ⋅ 0

Mac环境下svn的使用

在Windows环境中,我们一般使用TortoiseSVN来搭建svn环境。在Mac环境下,由于Mac自带了svn的服务器端和客户端功能,所以我们可以在不装任何第三方软件的前提下使用svn功能,不过还需做一下简...

故久呵呵 ⋅ 今天 ⋅ 0

破解公司回应苹果“USB限制模式”:已攻破

本周四,苹果发表声明称 iOS 中加入了一项名为“USB 限制模式”的功能,可以防止 iPhone 在连接其他设备的时候被破解,并且强调这一功能并不是针对 FBI 等执法部门,为的是保护用户数据安全。...

六库科技 ⋅ 今天 ⋅ 0

MyBtais整合Spring Boot整合,TypeHandler对枚举类(enum)处理

概要 问题描述 我想用枚举类来表示用户当前状态,枚举类由 code 和 msg 组成,但我只想把 code 保存到数据库,查询处理,能知道用户当前状态,这应该怎么做呢?在 Spring 整合MyBatis 的时候...

Wenyi_Feng ⋅ 今天 ⋅ 0

synchronized与Lock的区别

# <center>王梦龙的读书笔记第一篇</center> ## <center>-synchronized与Lock的区别</centre> ###一、从使用场景来说 + synchronized 是能够注释代码块、类、方法但是它的加锁是和解锁使用一......

我不想加班 ⋅ 今天 ⋅ 0

VConsole的使用

手机端控制台打印输出,方便bug的排查。 首先需要引入vconsole.min.js 文件,然后在文件中创造实例。就能直接使用了。 var vConsole = new VConsole(); vConsole的文件地址...

大美琴 ⋅ 今天 ⋅ 0

Java NIO之字符集

1 字符集和编解码的概念 首先,解释一下什么是字符集。顾名思义,就是字符的集合。它的初衷是把现实世界的符号映射为计算机可以理解的字节。比如我创造一个字符集,叫做sex字符集,就包含两个...

士别三日 ⋅ 今天 ⋅ 0

Spring Bean基础

1、Bean之间引用 <!--如果Bean配置在同一个XML文件中,使用local引用--><ref bean="someBean"/><!--如果Bean配置在不同的XML文件中,使用ref引用--><ref local="someBean"/> 其实两种......

霍淇滨 ⋅ 今天 ⋅ 0

05、基于Consul+Upsync+Nginx实现动态负载均衡

1、Consul环境搭建 下载consul_0.7.5_linux_amd64.zip到/usr/local/src目录 cd /usr/local/srcwget https://releases.hashicorp.com/consul/0.7.5/consul_0.7.5_linux_amd64.zip 解压consu......

北岩 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部