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打印
【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！

WEB前端规范命名的介绍

相关教程推荐

其他课程推荐