开发规范：前端代码命名语义化推荐实践

布局相关

语义

命名

简写

盒容器wrapwrap盒子boxbox容器containercontainer主栏mainmain侧栏sidebar / asidesidebar / aside文档docdoc头部headhd主体bodybd底部footft

模块相关

语义

命名

简写

导航navigationnav面包屑crumbcrumb菜单menumenu选项卡tabtab标题titletitle内容contentcontent列表listlist表格tabletable排行榜rankrank登陆loginlogin表单formform品牌标识logologo广告advertisead搜索searchsearch切换slideslide提示tipstips版权copyrightcopyright按钮buttonbtn输入inputipt结果resultresult下载downloaddowload新闻newsnews注册registerreg热点hothot展开collapsecollapse警告alertalert提示tooltiptooltip下拉dropdowndropdown

状态相关

语义

命名

简写

语义

命名

简写

选中selectedselected当前currentcurrent激活activeactive显示showshow隐藏hiddenhide打开openopen关闭closeclose出错errorerr禁用disableddisabled扩展extendextend