项目取名规范

一.DIV+CSS布局文件命名规范

全局样式:global.css;  框架布局:layout.css;  字体样式:font.css;  链接样式:link.css;  打印样式:print.css;  二.常用类/ID命名规范

页 眉:header  内 容:content  容 器:container  页 脚:footer  版 权:copyright   导 航:menu  菜单:menu    子菜单:submenu 导航:nav   子导航:subnav   标 志:logo  广告:banner  标 题:title  侧边栏:sidebar 图 标:Icon  注 释:note  搜 索:search  登 录:login 登录条:loginbar 链 接:link  信息框:manage  滚动:scroll   页面主体:main   内容:content   标签页:tab   章列表:list    信息:msg   小技巧:tips   标题:title   指南:guild   服务:service     热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 友情链接:friendlink 页脚:footer 版权:copyright 提交:submit 文本框:textbox 统计:count

以上结构可以组合使用,例如:左列标题lefttitle;底部导航footernav 书写原则是: 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词。

常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为 “searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏HT

扩展HT for Web之HTML5表格组件的Renderer和Editor

在HT for Web提供了一下几种常用的Editor,分别是: slider:拉条 color picker:颜色选择器 enum:枚举类型 boolean:...

3137
来自专栏王鹤的专栏

Vue.js 2.0源码解析之前端渲染篇

Vue.js框架是目前比较火的MVVM框架之一,简单易上手的学习曲线,友好的官方文档,配套的构建工具,让Vue.js在2016大放异彩,大有赶超React之势。...

5.5K0
来自专栏CoXie带你学编程

初学Python:写码时应该缩进使用 tab 还是空格?

在不同的编辑器里tab的长度可能不一致,所以在一个编辑器里用tab设置缩进后,在其它编辑器里看可能缩进就乱了。空格不会出现这个问题,因为空格就占一个字符的位置。

1421
来自专栏hightopo

扩展HT for Web之HTML5表格组件的Renderer和Editor

2453
来自专栏从零开始学 Web 前端

从零开始学 Web 之 Vue.js(一)Vue.js概述,基本结构,指令,事件修饰符,样式

在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!

952
来自专栏王磊的博客

史上最易懂——ReactNative分组列表SectionList使用详情及示例详解

React Native系列 《逻辑性最强的React Native环境搭建与调试》 《ReactNative开发工具有这一篇足矣》 《解决React N...

80114
来自专栏大数据钻研

HTML5学习笔记(一)

1.什么是 HTML5? HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后,...

3625
来自专栏更流畅、简洁的软件开发方式

表单控件续(1)——应用接口来简化和分散代码

上次有点仓促,有几个地方没有明确。 后者是整个流程,前者是其中的一个步骤,是一个简单的思路说明,其中前三段代码都是表单控件里面的。 2、我要写的是一个表单控...

1979
来自专栏竹清助手

jQuery架构设计与实现(2.1.4版本)

1254
来自专栏知晓程序

「大众点评点餐」小程序开发经验 02:视图

1783

扫码关注云+社区