html5页面命名,html命名规范

很多H5的初级学者对于标签的类名不知道如何去起，经常会出现用拼音或者a1、a2、这类很不规范的词语来命名，这样不但让其他人无法看懂你的代码还会让自己陷入混乱，在之后的修改过程中遇到很多棘手的问题。下面我就介绍一些关于H5的一些基本标签的名字：

1.Css文件命名:

模块：module.css                 基本共用：base.css                  布局、版面：layout.css

主题：themes.css                 专栏：columns.css                   文字：font.css

表单：forms.css                   补丁：mend.css                        打印：print.css

2.页面框架命名强制书写必须使用

页眉H5新语义化标签  

导航H5新语义化标签  

页脚H5新语义化标签    

3.无H5新标签的页面框架，一般具有唯一性，推荐用ID命名。

主体     使用main命名。

内容     使用container命名。

侧栏     使用sidebar命名。

栏目     使用column命名。

外围整体布局宽度   使用wrapper命名。

4.页面结构命名

左右中：left right center

子导航：subnav            顶导航：topnav         边导航：sidebar

左导航：leftsidebar      右导航：rightsidebar

菜单：menu               子菜单：submenu

标题: title                  摘要: summary+功能

标志：logo               广告：banner

登陆：login             登录条：loginbar          注册：regsiter

搜索：search           功能区：shop               标题：title

加入：joinus            状态：status                按钮：btn

滚动：scroll            标签页：tab                  文章列表：list

提示信息：msg

5.模块结构命名

友情链接：friendlink

版权：copyright

滚动：scroll

小技巧：tips

指南：guild

服务：service

投票：vote

合作伙伴：partner