HTML／CSS代码开发规范文档.doc
HTML/CSS代码开发标准文档
目录
TOC\o1-3\h\z1、前言 4
2、HTML编码标准 4
2-1HTML标记的关闭标准 4
2-2HTML文件头根本标记 4
2-2HTML正文代码标记元素 5
2-3HTML标记的缩进标准 6
3、HTML文件引入CSS样式代码和Javascript代码标准 6
3-1引入css样式代码标准 6
3-2引入Javascript代码标准 7
4、HTML注释标签!--和-- 8
5、CSS编码标准 8
5-1CSS编码要求 8
5-2CSS样式表标准 8
5-3CSS命名标准 9
5-4样式文件命名 10
5-5样式文件布局 11
6、CSS常规书写标准及方法 11
6-1文件调用方法: 11
6-2CSS结构化书写 11
派生选择器： 11
辅助图片用背影图处理： 12
结构与样式别离： 12
文档的结构化书写 12
6-3HACKCSS书写标准 13
6.3.1IE6、IE7、Firefox之间的兼容写法 13
屏蔽IE浏览器 14
去除浮动 14
鼠标手势 15
7、CSS性代码缩写 15
7.1不同类有相同属性及属性值的缩写 15
7.2同一属性的缩写 16
7.3内外侧边框的缩写 16
7.4颜色值的缩写 18
8、CSS注释书标准 18
8.1行间注释 18
8.2整段注释 18
1、前言
本编程标准适用于需要编写HTML/CSS代码的网页程序开发人员。本标准并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。
2、HTML编码标准
HTML是一种标记语言,HTML没有任何真正的编程语言中的循环或是流程控制语句。然而，HTML代码的格式和风格是非常重要的，因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局,增强可读性，而使其易懂和易于维护。HTML代码本身是不区分大小写的，但是为了更好的统一代码布局，工程中HTML文件标记都以小写为主。
2-1HTML标记的关闭标准
HTML文档的正文都应在body/body标记中间，而body标记那么应包含在html和/html标记之间。如：
html
body正文/body
/html
不同类的标记不能交叉编码：
eg:pfont内容/p/font
正确编码应为：pfont内容/font/p
开始和关闭标记放在一行的标记有:
eg:
b和/b
?u和/u
?i和/i
?各种标题标记，如h1…/h1等
?a和/a
2-2HTML文件头根本标记
①!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN
:///TR/xhtml1/DTD/xhtml1-transitional.dtd
②htmlxmlns=:///1999/xhtml
③meta-equiv=Content-Typecontent=text/html;charset=utf-8/
meta-equiv=Content-Script-Typecontent=text/javascript
meta-equiv=Content-Style-Typecontent=text/css
④metaname=Robotscontent=all
⑤metaname=keywordscontent=关键词〔逗号分隔〕
⑥metaname=descriptioncontent=描述词〔逗号分隔〕
head
⑦linkhref=样式文件名.cssrel=stylesheettype=text/css/
⑧scriptlanguage=javascripttype=text/javascriptsrc=JS文件名.js/script
title页面标题名/title
/head
说明:①和②是html网页根本的标准协义,包含文件中顶部可以不用此标签。
③我们的中文环境中用utf-8编码,一般通常是用GB2312编码的，工程中用utf-8是为了防止编码错误显示和浏览时乱码的现像。新建文件时文件通常是ANSI或其它格式的,所以编码时也按照该格式的编码,容易导致浏览乱码。这点要注意检查，可以用记事本将文件另存时,选定utf-8格式保