很多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