wen前端开发中Html标签命名规范

6

传统Html命名 页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:s…

传统Html命名

页面结构

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

左右中:left right center

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

导航部分

导航:nav

主导航:mainbav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

摘要: summary

功能分类

标志:logo

广告:banner

登陆:login

登录条:loginbar

注册:regsiter

搜索:search

功能区:shop

博主扩展

类目

前瞻: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

作者: huanggr

为您推荐

7

发表评论

电子邮件地址不会被公开。 必填项已用*标注