HTML/CSS代码开发规范文档
目  录
1、前言    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-1 CSS编码要求    8
5-2 CSS样式表规范    8
5-3 CSS命名规范    9
5-4样式文件命名    10
5-5样式文件布局    11
6、CSS常规书写规范及方法    11
6-1文件调用方法:    11
6-2 CSS结构化书写    11
6.2.1派生选择器：    11
6.2.2辅助图片用背影图处理：    12
6.2.3结构与样式分离：    12
6.2.4文档的结构化书写    12
6-3 HACK CSS书写规范    13
6.3.1 IE6、IE7、Firefox之间的兼容写法    13
6.3.2屏蔽IE浏览器    14
6.3.3清除浮动    14
6.3.4鼠标手势    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: <p><font>内容</p></font>
正确编码应为：<p><font>内容</font></p>
开始和关闭标记放在一行的标记有:
    eg:
      <b>和</b>
    <u>和</u>
    <i>和</i>
  各种标题标记，如<h1>…</h1>等
    <a>和</a>
2-2HTML文件头基本标记 
①<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
②<html xmlns="/1999/xhtml">
html网页设计css③<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<meta http-equiv="Content-Style-Type" content="text/css">
④<meta name="Robots" content="all">
⑤<meta name="keywords" content="关键词（逗号分隔）">
⑥<meta name="description" content="描述词（逗号分隔）">
<head>
⑦<link href="样式文件名.css"  rel="stylesheet" type="text/css" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。