1、目录1. 概述. 32. 规范化. 32.1 规范化简述. 32.2 规范化的面向对象. 33. html 代码规范33.1htm 通用模板 33.2met 标签说明 53.3 页面内嵌式样式表和内嵌式 javascript 说明.63.4xhtml 代码规范 74. css 代码规范 .84.1 共享 css 模板84.2 css 代码书写规范115. 网站文件规范 145.1html 文件规范 145.2 css 文件规范185.3 html 文件命名规范 205.4css 文件命名规范.215.5 图片及动画命名规范.211. 概述本规范是一个开发规范，本规范并不是一个一成不变的必须严格
2、遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。2规范化2.1 规范化简述强调制作的规范是必要的，因为大型网站项目需要多人的配合协同工作，个性化的东西无法产生良好的聚合效果。规范化不是特殊的个人风格，它可以提高编码工作效率，使代码保持统一的风格，以便于后期的维护。2.2 规范化的面向对象网页制作人员及编辑人员、技术开发人员。3. html 代码规范3.1 html 通用模板Portal说明：1.为 DOCTYPE 声明，DOCTYPE 是 document type(文档类型)的简写，用来说明你用的 XHTML或者 HTML 是什么版本。2.为名字空间声明。3
3、.为定义语言编码。4. 为调用外部样式表。5. 为调用外部的 javascript 文件。3.2 meta 标签说明为了能够更好的为搜索引擎准备内容，meta 标签采用如下的定义方式，请在页面中据需要，自行添加。 允许搜索机器人搜索站内所有链接。 设置站点作者信息 设置站点版权信息 站点的简要介绍(推荐) 站点的关键词(推荐)3.3 页面内嵌样式表和页面内嵌 javascript 说明请在 html 中的之间自行添加。 内嵌 css 代码 内嵌 javacript 代码备注：如无特殊需要，请尽量避免在 html 内部添加 css 和 javascript，应统一采用外部链接的方式进行调用。3.
4、4 xhtml 代码规范1. 起始标签必须对应相应的结束标签xhtml 要求严谨的结构，所有标签必须关闭，如果是单独不成对的标签，在标签最后添加” / ”来关闭。例如：1.成对标签 ,2.不成对标签 , ,2.所有标签的元素和属性名必须采用小写与 html 不同，xhtml 对大小写区分敏感，xhtml 要求标签的元素和属性名必须小写,避免大写及大小写夹杂。例如： 必须写成 , “onMouseOver”必须写成 “onmouseover”3.所有属性必须添加引号例如： 必须写成 4.所有标签必须采用合理嵌套例如： 必须改为 备注：禁止 inline 级标签嵌套 block 级标签,如5.所有
5、属性必须赋一个值例如：必须改为6 把所有等特殊符号用编码表示 任何小于号（），不是标签的一部分，都必须被编码为 任何与号（ 7.img 标签中必须加 alt 属性例如：备注：除特殊情况外，不要在 img 标签中添加 width 和 height 属性，如有需要，请在 css 中定义。8.注释例如：4.css 代码规范4.1 共享 css 模板所有 html 页面都必须调用此共享 css 文件comon.css 文件代码如下：BODYmargin:0;padding:0;color:#000;font-size:0.75em;font-family:arial,verdana,sans-serif;text-align:center;line-height:1.2;background:#ECECEC;TDfont-size:12px;*margin:0;padding:0;DL,DD,DT,OL,UL,LIlist-style-type:none;list-style-image:url();IMGborder:0;.fLfloat:left;.fR
