WEB前端怎么规范命名

发布时间：2020-07-09 10:27:58 作者：Leah
来源：亿速云阅读：135

WEB前端怎么规范命名？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

头部 header ----------------用于头部
主要内容 main ------------用于主体内容（中部）
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局

外套 wrap ------------------用于最外层

导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部

网页公共命名：

#wrapper页面外围控制整体布局宽度

#container或#content容器,

用于最外层#layout布局

#head, #header页头部分

#foot, #footer页脚部分

#nav主导航

#subnav二级导航

#menu菜单#submenu子菜单

#sideBar侧栏#sidebar_a, #sidebar_b左边栏或右边栏

#main页面主体

#tag标签#msg #message提示信息#tips小技巧#vote投票#

friendlink友情连接

#title标题#summary摘要

#loginbar登录条

#searchInput搜索输入框

#hot热门热点#search搜索

#search_output搜索输出和搜索结果相似

#searchBar搜索条

#search_results搜索结果

#copyright版权信息#branding商标

#logo网站LOGO标志

#siteinfo网站信息#siteinfoLegal法律声明

#siteinfoCredits信誉#joinus加入我们

#partner合作伙伴#service服务

#regsiter注册arr/arrow箭头

#guild指南#sitemap网站地图

#list列表#homepage首页

#subpage二级页面子页面

#tool, #toolbar工具条#drop下拉#dorpmenu下拉菜单

#status状态#scroll滚动.

tab标签页.left .right .center居左、中、右.news新闻

.download下载

.banner广告条(顶部广告条)电子贸易相关.products产品

.products_prices产品价格.products_description产品描述

.products_review产品评论

.editor_review编辑评论.news_release最新产品

.publisher生产商.screenshot缩略图

.faqs常见问题.keyword关键词.blog博客

.forum论坛CSS文件命名说明master.css,style.css主要的module.css模块base.css基本共用layout.css布局，版面themes.css主题columns.css专栏font.css文字、字体forms.css表单mend.css补丁print.css打印

看完上述内容，你们掌握WEB前端怎么规范命名的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！

相关阅读