《HTML／CSS代码开发规范文档》由会员分享，可在线阅读，更多相关《HTML／CSS代码开发规范文档（17页珍藏版）》请在金锄头文库上搜索。
1、 HTML/CSS代码开发规范文档HTML/CSS代码开发规范文档目 录1、前言42、HTML编码规范42-1HTML标记的关闭规范42-2HTML文件头基本标记42-2HTML正文代码标记元素52-3HTML标记的缩进规范63、HTML文件引入CSS样式代码和Javascript代码规范63-1引入css样式代码规范63-2引入Javascript代码规范74、HTML注释标签85、CSS编码规范85-1 CSS编码要求85-2 CSS样式表规范85-3 CSS命名规范95-4样式文件命名105-5样式文件布局116、CSS常规书写规范及方法116-1文件调用方法:116-2 CSS结构化书
2、写116.2.1派生选择器：116.2.2辅助图片用背影图处理：126.2.3结构与样式分离：126.2.4文档的结构化书写126-3 HACK CSS书写规范136.3.1 IE6、IE7、Firefox之间的兼容写法136.3.2屏蔽IE浏览器146.3.3清除浮动146.3.4鼠标手势157、CSS性代码缩写157.1不同类有相同属性及属性值的缩写157.2同一属性的缩写167.3内外侧边框的缩写167.4颜色值的缩写188、CSS注释书规范188.1行间注释188.2整段注释181、前言 本编程规范适用于需要编写HTML/CSS代码的网页程序开发人员。本规范并不是一个一成不变的必须严格
3、遵守的条文，特殊情况下要灵活运用，做一定的变通。2、HTML编码规范HTML是一种标记语言, HTML没有任何真正的编程语言中的循环或是流程控制语句。然而，HTML代码的格式和风格是非常重要的，因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局,增强可读性，而使其易懂和易于维护。HTML代码本身是不区分大小写的，但是为了更好的统一代码布局，项目中HTML文件标记都以小写为主。2-1HTML标记的关闭规范HTML文档的正文都应在标记中间，而标记则应包含在和标记之间。如：正文 不同类的标记不能交叉编码：eg: 内容正确编码应为：内容开始和关闭标记放在一行的标记有:
4、 eg: 和 和 和 各种标题标记，如等 和2-2HTML文件头基本标记 页面标题名 说明: 和 是html网页基本的标准协义,包含文件中顶部可以不用此标签。 我们的中文环境中用utf-8编码,一般通常是用GB2312编码的，项目中用utf-8是为了防止编码错误显示和浏览时乱码的现像。新建文件时文件通常是ANSI或其它格式的,所以编码时也按照该格式的编码,容易导致浏览乱码。这点要注意检查，可以用记事本将文件另存时,选定utf-8格式保存文件. 是否允许网页被其它服务器搜索到内容，all为允许, none为不允许.该项为可选的，不是非必要的。和是方便爬虫搜索时获取关键词,取决于状态值是all的情
5、况下。该项为可选的。CSS样式引用格式JS引用格式2-2HTML正文代码标记元素2.1 input标记的属性值规范对于标记中的属性值，必须使用双引号或单引号包围，这样的话不易出错。 eg: 或者eg: 2.2 其它标签的引用,凡是属性值一律加双引号或单引号包围。 比较常用的标签有 ,链接,等等。2.3重点说明一下img图片标签，该标签必须加载alt=图片描述文字。以便在没有显示图片时，显示文字说明。 eg: 2-3HTML标记的缩进规范HTML标记的缩进三点规范： 最高一级的父标记采用左对齐顶格方式书写。 下一级标记采用左对齐后，缩进2个空格的方式书写。再下一级则以此类推。 同一级标记的首字符
6、上下应对齐。承接来自不同货主的运单。eg: 下面是两表格嵌套实例 3、HTML文件引入CSS样式代码和Javascript代码规范 3-1引入css样式代码规范在HTML文件中引入css代码，应该遵循的格式如下：CSS样式示代码开头：中间： CSS样式示代码结尾：eg:示例如下在线系统标题 .csstest width:180px; hight:20px; color:#ff0; 正文部分 CSS3-2引入Javascript代码规范在HTML文件中引入javascript代码，应该遵循的格式如下：开头：中间： 结尾：eg:示例如下在线系统标题 正文部分4、HTML注释标签 在任何代码中都应该有做注释的好习惯，在一个复杂的HTML代码中，友好的注释是非常有用的，特别是在有很多嵌套的表格中。HTML中使用来做注释。eg： 5、CSS编码规范5-1 CSS编码要求 所有的代码小写 属性的值一定要用双引号()括起来，且一定要有值 每个标签都要有开始和结束，且要有正确的层次 空元素要有结束的tag或于开始的tag后加上/ 表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor等 给每一个表格和表单加上一个唯一的、结构标记id 给重要的区块加上注释用/* 描述内容 */ 所有的标签必须进行
