还在挠头编名字吗?整理了一些常用的命名规范,需要自取~
页面结构命名
- page:代表整个页面,用于最外层。
- wrap:外套,将所有元素包在一起的一个外围包,用于最外层
- wrapper:页面外围控制整体布局宽度,用于最外层
- container:一个整体容器,用于最外层
- head、header:页头区域,用于头部
- nav:导航条
- content:内容,网站中最重要的内容区域,用于网页中部主体
- main:网站中的主要区域(表示最重要的一块位置),用于中部主体内容
- column:栏目
- sidebar:侧栏
- foot、footer:页尾、页脚。网站一些附加信息放置区域,(或命名为copyright)用于底部
导航命名
- nav、navbar、navigation、nav-wrapper:导航条或导航包,代表横向导航
- topnav:顶部导航
- mainbav:主导航
- subnav:子导航
- sidebar:边导航
- leftsidebar 或 sidebar_a :左导航
- rightsidebar 或 sidebar_b:右导航
- title:标题
- summary