HTML 页面用中文命名会怎么样,html+css 习惯养成(命名规范)

相信许多初学者在使用相关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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值