html+css 习惯养成(命名规范)
html+css 习惯养成(命名规范)
杯茶满盏 发表于3个月前
html+css 习惯养成(命名规范)
  • 发表于 3个月前
  • 阅读 32
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

相信许多初学者在使用相关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
×
杯茶满盏
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: