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

传统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