欢迎光临
我们一直在努力

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

赞(0) 打赏
未经允许不得转载: » web页面命名规范
分享到: 更多 (0)

评论标题 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    文章不错,网址已收藏

    web前端开发4个月前 (07-13)回复
  2. #2

    这些应该是够用了的

    web前端开发4个月前 (07-13)回复
  3. #3

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

    web前端开发4个月前 (07-13)回复
  4. #4

    规范已收藏

    新手web前端技术4个月前 (07-13)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏