html颜色书写规范

《html颜色书写规范》由会员分享，可在线阅读，更多相关《html颜色书写规范（23页珍藏版）》请在金锄头文库上搜索。

1、htmlhtml 颜色书写规范颜色书写规范篇一：HTMLCSS 代码开发规范文档HTML/CSS 代码开发规范文档 目 录 1、前言 .3 2、HTML 编码规范 .3 2-1HTML 标记的关闭规范 .3 2-2HTML 文件头基本标记 .3 2-2HTML 正文代码标记元素 .4 2-3HTML 标记的缩进规范 .5 3、HTML 文件引入 CSS 样式代码和 Javascript 代码规范 . 5 3-1 引入 css 样式代码规范 . 5 3-2 引入 Javascript 代码规范 . 6 4、HTML 注释标签 . 7 5、CSS 编码规范 .7 5-1 CSS 编码要求 .7 5

2、-2 CSS 样式表规范 .7 5-3 CSS 命名规范 .8 5-4 样式文件命名 .9 5-5 样式文件布局 .10 6、CSS 常规书写规范及方法 . 10 6-1 文件调用方法: . 10 6-2 CSS 结构化书写 .10 派生选择器： . 10 辅助图片用背影图处理： . 11 结构与样式分离： . 11 文档的结构化书写 . 11 6-3 HACK CSS 书写规范 . 12 IE6、IE7、Firefox 之间的兼容写法 . 12 屏蔽 IE 浏览器 . 13 清除浮动 .13 鼠标手势 .14 7、CSS 性代码缩写 .14 不同类有相同属性及属性值的缩写 .14 同一属性的

3、缩写 .15 内外侧边框的缩写 .15 颜色值的缩写 . 17 8、CSS 注释书规范 .17 行间注释 . 17 整段注释 . 17 1、前言 本编程规范适用于需要编写 HTML/CSS 代码的网页程序开发人员。本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。 2、HTML 编码规范 HTML 是一种标记语言, HTML 没有任何真正的编程语言中的循环或是流程控制语句。然而，HTML 代码的格式和风格是非常重要的，因为要经常对 HTML 代码进行维护和修改，因此 HTML 代码必须有很清晰的逻辑结构和布局,增强可读性，而使其易懂和易于维护。HTML 代码本身

4、是不区分大小写的，但是为了更好的统一代码布局，项目中 HTML 文件标记都以小写为主。 2-1HTML 标记的关闭规范 HTML 文档的正文都应在标记中间，而标记则应包含在和标记之间。如： 正文 不同类的标记不能交叉编码： eg: 内容 正确编码应为： 内容 开始和关闭标记放在一行的标记有: eg: 和 ? 和 ? 和 ?各种标题标记，如?等 ? 和 2-2HTML 文件头基本标记 页面标题名 说明: 和 是 html 网页基本的标准协义,包含文件中顶部可以不用此标签。 我们的中文环境中用 utf-8 编码,一般通常是用GB2312 编码的，项目中用 utf-8 是为了防止编码错误显示和浏览时

5、乱码的现像。新建文件时文件通常是 ANSI 或其它格式的,所以编码时也按照该格式的编码,容易导致浏览乱码。这点要注意检查，可以用记事本将文件另存时,选定 utf-8 格式保存文件. 是否允许网页被其它服务器搜索到内容，all 为允许, none 为不允许.该项为可选 的，不是非必要的。 和是方便爬虫搜索时获取关键词,取决于状态值是 all 的情况下。该项为可选的。 CSS 样式引用格式 JS 引用格式 2-2HTML 正文代码标记元素 input 标记的属性值规范 对于标记中的属性值，必须使用双引号或单引号包围，这样的话不易出错。 eg: 或者 eg: 其它标签的引用,凡是属性值一律加双引号或

6、单引号包围。 比较常用的标签有 ,链接,等等。 重点说明一下 img 图片标签，该标签必须加载 alt=“图片描述文字“。以便在没有显示图片时，显示文字说明。 eg: 2-3HTML 标记的缩进规范HTML 标记的缩进三点规范： 最高一级的父标记采用左对齐顶格方式书写。 下一级标记采用左对齐后，缩进 2 个空格的方式书写。再下一级则以此类推。 同一级标记的首字符上下应对齐。承接来自不同货主的运单。 eg: 下面是两表格嵌套实例 ? ? ? ? ? ? ? ? ? 3、HTML 文件引入 CSS 样式代码和 Javascript 代码规范 3-1 引入 css 样式代码规范 在 HTML 文件中

7、引入 css 代码，应该遵循的格式如下：CSS 样式示代码 开头： 中间： CSS 样式示代码 结尾： eg:示例如下 篇二：代码书写规范Web 技术中心代码规范 前言 软件的长期价值直接源于其编码质量。在它的整个生命周期里，一个程序可能会被许多人阅读或修改。如果一个程序可以清晰的展现出它的结构和特征，那就能减少在以后对其进行修改时出错的可能性，编程规范可以帮助程序员们增加程序的健壮性。基本所有的前端代码都是暴露给公众的，所以我们更应该保证其质量。 规范理念 Any violation to this guide is allowed if it enhances readability. 所

8、有的代码都要变成可供他人容易阅读的。 -引用自 Dojo Javascript 语法规范 规范详解 JS 命名规范 ? 必须使用 Tab 键进行代码缩进，以节约代码大小，建议设置编辑器的 tab 为 4 个空格的宽度（而不是 4 个空格） ? 接口风格 ? 其他建议风格，非必要 ? 所有语句结束后，必须使用 ; 号结束 ? 所有变量必须是有意义的英文，严厉禁止拼音 ? 变量允许使用公认英文缩写 ? 类命名必须是驼峰式 ? 常量必须所有单词大写，并且每个单词间加下划线 ? 枚举类型时，枚举的命名必须有意义，枚举与枚举成员必须以驼峰式 ? 常量和枚举必须在最前端定义，merge 时注意，必须把常量

9、与枚举定义的文件放在文件列表的第一位 ? 变量内的简写单词如果在开头则全小写：xmlDocument，如果不在开头则全大写：loadXML！ ? “on“只能用作事件的命名 ? 函数开头必须是有意义的动词或动词短语 ? 私有类的变量属性成员 建议 使用混合式命名，并前面下下划线 ? 临时的全局变量放到一个全局的哈希表里，方便变量回收 ? 所有全局变量必须初始化，尽量少用全局变量 ? 大括号前面不能有换行符 ? 保留字以及特有的 dom 属性不能作为变量名 特殊命名约定 ? 前面加 “is” 的变量名应该为布尔值，亦可使用 “can” “has” “should” ? 前面加 ”str” 的变量

10、名应该为字符串 ? 前面加 “arr” 的变量名应该为数组 ? 前面加 “num” 或 “count” 的变量名应该为数字 ? “o” 作为局部变量或参数，表示为 Object ? “e” 作为局部变量或参数，表示为 Element ? “evt” 作为局部变量或参数，表示为 event ? “err” 作为局部变量或参数，表示为 error ? 重复变量建议使用 “i“, “j“, “k“ （依次类推）等名称的变量(全世界公认) ? 能缩写的单词尽量缩写 ? 避免产生令人误解的布尔值 isNotNumber isNan ? 处理错误的变量，必须在后面跟着 “Error” ? 初始化用的函数

11、必须使用 “init” 开头，如果一个页面只有初始化可以单独使用 init() ? 尽量做有意义的代码折行，不要让一行代码过长。(HTML 字符串除外) ? 操作符 建议 使用空格隔开 ? 函数调用和方法 避免 使用空白 ? 逗号（,） 建议 使用空白隔开。 ? 不允许频繁使用 previousSibling 和 nextSibling词法结构 ? 普通代码段应该看起来如下： while(!isDone) doSomething(); isDone = moreToDo(); ? 变量定义方法如下： var a = null, b = 1, c = 0; ? 函数定义方法如下： var fun

12、cA = function() var a = 0; . ? if 语句应该看起来像这样： if(someCondition) statements; statements; statements; else if(someOtherCondition) else ? for 语句应该看起来像这样： for(initialization; condition; update) statements; ? while 语句应该看起来像这样： while(!isDone) doSomething(); isDone = moreToDo(); ? do . while 语句应该看起来像这样： do

13、 statements; while(condition); ? switch 语句应该看起来像这样： switch(condition) case “A“: statements; statements; break; statements; break; /注释 case “B“: default: ? try . catch 语句应该看起来像这样： try statements; statements; statements; catch(ex) finally ? 单行的 if - else，while 或者 for 语句也必须加入括号： if(condition) while(con

14、dition) statement; statement; for(intialization; condition; update) statement; 注释规范 ? 一些你不打算给其他人使用的函数，建议添加 ignore 让文档输出时可以忽略这段注释 ? 一些相关的功能相关的函数，建议加上see Function 来对上下文做索引 ? 对于一些函数不建议或则需要注意的使用方法，必须加上 deprecated 作为提醒 ? 每个 js 文件的文件头都必须包含 fileoverview author, 建议加上version ?每个函数都必须使用 JsDoc 来注释他的用意 ? 每个带参数的

15、函数必须包含 param ? 每个有返回值的函数必须包含 return ? 构造函数必须加上 constructor ? 继承函数建议加上 base 表示其继承于哪个类 ? 常用全局变量建议使用 JsDoc 的注释方式 ? 一般的变量及局部变量才用 / 方式进行注释，建议在需要做注释的语句的上一行 ? 其他详情请参考 JsDoc 注释方法 其他 ? String 优化 循环体内的字符串累加使用 join 方式。 例如: var r= ; for (var i=0;i var k= (“); (“hello“); ? Switch 建议采用 hash-table switch 可以才用 Object 代替 例如: var a= “1“:doAction1, “2“:doAction2, 篇三：html+css 前端编码规范HTML CSS 编码规范 XX-05-08 目录 HTML CSS 编码规范 .1 CSS 样式文件的命名 . 1 CSS 选择符的命名.2 常用 CSS 选择符命名参考 . 2 Id 和 class 的区别.3 CSS 的优先级 .3 不需要重复定义可继承的值 .4 多重 CSS 样式定义，属性追加重复最后优先原则 . 4 导入(Import)和隐藏 CSS .4 CSS 链接规范 .5 CSS hack .