• 技术文章 >web前端 >H5教程

    WEB前端规范命名的介绍

    PHP中文网PHP中文网2017-06-21 14:33:16原创1241

    头部 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前端规范命名的介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:web 命名 规范 前端
    上一篇:ng-model ng-show 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 哪个开源的移动 HTML5 框架更好一点?此问题提出于2011年• HTML5 应用程序缓存(Application Cache)• 基于Modernizr 让网站进行优雅降级的分析_html5教程技巧• HTML5 b和i标记将被赋予真正的语义_html5教程技巧• HTML5 常用语法一览(列举不支持的属性) _html5教程技巧
    1/1

    PHP中文网