黄国瑞博客

首页 > H5C3资源 > web页面命名规范

web页面命名规范

页面命令其实怎么命名都可以,但是从,项目管理者以及项目维护者的角度去看,更好的命令规则可以让入手这个项目的人更好的的去维护这个项目,下面给大家总结了一些web页面命名规范,大家可以了解一下

传统Html命名

1.0 页面结构

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

左右中:left right center

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

1.1 导航部分

导航:nav

主导航:mainbav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

摘要: summary

1.2 功能分类

标志:logo

广告:banner

登陆:login

登录条:loginbar

注册:regsiter

搜索:search

功能区:shop

拓展部分

1.0 类目

前瞻:previewer

状态:status

合作伙伴:partner

指南:guild

栏目标题:title

加入:joinus

提示信息:msg

特征 : feature

侧栏:side-bar

头栏:top-bar

按钮区:input-group

联系:contact

介绍:intro

内容:info

信息:inner

文案:text

品牌:brand

类目:category

背景:bg

部分:section

行:row

列:col

盒子:box

巨幕: jumbotron

以上就是黄国瑞博客带来的《web页面命名规范》,非常感谢您的观看!如果没有相关文字说明,本文即为黄国瑞博客原创(www.huangguorui.cn),欢迎读者转载并保留本站版权!

以上就是web页面命名规范的详细内容,更多请持续关注本站其它相关文章!

标签:

共有 4 条评论

  1. web前端开发 Windows NT | Chrome 75.0.3770.100

    文章不错,网址已收藏

  2. web前端开发 Windows NT | Chrome 75.0.3770.100

    这些应该是够用了的

  3. web前端开发 Windows NT | Chrome 75.0.3770.100

    感谢分享,以后命名有规范了

  4. 新手web前端技术 Windows NT | Chrome 75.0.3770.100

    规范已收藏

本站是一个关注web前端发展和注重SEO优化的个人网站,提供最新的web前端资讯,专注web前端开发,分享各种所遇问题解决方法与个人心得,同时分享前端资源和工具等,并提供HTML5模板的下载,期待你的参与!

热门评论

友情链接

友链可以提升搜索引擎友好度,欢迎大家踊跃互添友链!仅限同行业【程序类网站】。有意向的小伙伴可以在网站注册账号给我留言!

Top

如有疑问,可联系我: