很多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新语义化标签 <header>
导航H5新语义化标签 <nav>
页脚H5新语义化标签 <footer>
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
网友评论