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新语义化标签   <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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容