前端开发网站常用的命名和注释规范件名实意的词

Visual Studio Code的使用技巧

快捷键
Ctrl+/ 如果没有注释,则注释,如果已经注释,则取消注释
Shift+Alt+A 注释选中的代码块
Shift+Alt+Up 向上复制一行
Shift+Alt+Down 向下复制一行
Ctrl+U 回退上一个光标
Ctrl+[ /] 代码缩进
Shift+Alt+F 代码格式化

CSS命名规范(列举常用)

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

ID的命名(列举常用)

页面结构

容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:col
页面外围控制整体布局宽度:wrapper
左右中:left right center
导航
导航:nav
主导航:mainNav
子导航:subNav
顶导航:topNav
边导航:sidebar
左导航:leftSidebar
右导航:rightSidebar
菜单:menu
子菜单:subMenu
标题: title
摘要: summary
功能
标志:logo
广告:banner
登陆:login
登录条:loginBar
注册:register
搜索:search
功能区:shop
标题:title
加入:joinus
状态:status
按钮:btn
滚动:scroll
标签页:tab
文章列表:list
提示信息:msg
当前的: current
小技巧:tips
图标: icon
注释:note
指南:guide
服务:service
热点:hot
新闻:news
下载:download
投票:vote
合作伙伴:partner
友情链接:link
版权:copyright

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值