HTML标准化页面制作细则2.docVIP

WEB标准化页面制作规范 编写人：郭福恩 MSN：fuen2005@ 目 录 1. 前言 5 1.1. 制作规范编写目的及原则 5 1.2. 制作规范适用的工作人员 5 1.3. 制作规范制定的范围 5 1.4. 制作规范适用的产品范围 6 2. 站点目录结构 6 2.1. 目录名称的命名 6 2.2. 站点目录层次结构 6 3. HTML代码编写部分 7 3.1. 页面文件的大小 7 3.2. 页面文件内容显示时长 8 3.3. 代码的编写格式 8 3.4. 文件名称的命名 9 3.5. 文件的标准名称 9 3.6. DOCTYPE声名 9 3.7. xmlns命名空间声明 10 3.8. meta标签描述 10 3.9. title页面标题 11 3.10. 引入CSS样式文件 11 3.11. 引入script脚本文件 11 3.12. 标签要有结束符 12 3.13. 表格代码定义 12 3.14. 标签属性值定义 13 3.15. 标签属性的缩写 13 3.16. 引入图片的定义 14 3.17. 页面内容的长度定义 14 3.18. name属性的定义 14 3.19. 代码的调试工具 15 3.20. 代码的测试 15 3.21. 代码的校验 16 4. CSS代码编写部分 16 4.1. 文件的大小定义 16 4.2. 代码的编写格式 16 4.3. 文件名称的命名 17 4.4. 基本文件 17 4.5. 文件的编码 18 4.6. id和class命名的规范 18 4.7. 注释的写法 18 4.8. 代码书写样式 19 4.9. 通用样式定义标准 20 5. 内容制作部分 21 5.1. 图片大小 21 5.2. 图片的名称 21 5.3. 关于1像素透明图片 21 5.4. 图片的应用格式 22 5.5. 内容宽度的适应 22 5.5.1. 可拉伸的内容定义 22 5.5.2. 适当拉伸的内容定义 23 5.5.3. 不可拉伸的内容定义 24 6. 意见反馈 24 前言 W3C是World Wide Web Consortium”的缩写，中文名称为万维网组织。 W3C（事实上的标准）以便提高web相关产品的互用性。 国际（前身为欧洲计算机制造商协会）。：结构（Structure）、表现（Presentation）和行为（Behavior）： 结构化标准语言主要包括：XHTML和XML； 表现标准语言主要包括：CSS2.0； 行为标准主要包括：对象模型（如W3C DOM）、ECMAScript等。XHTML是The Extensible Hypertext Markup Language可扩展标识语言的缩写是一种增强了的HTML。 是Cascading Style Sheet 的缩写，译作「层叠样式表单」，简称「样式表」。是用于增强和控制网页内容样式并允许将样式信息与内容相分离的一种标记性语言。ECMAScript是一种由国际（European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。编写目的 本文档是作为WEB页面制作的一个规范性的文件，可以帮助提高页面制作人员的工作质量和效率。 原则：规范代码的编写、提高代码的质量、提升编写的效率、增加界面的浏览速度。 制作规范适用的工作 本文档主要面WEB页面制作人员设计，阅读本文档需要掌握相关基础知识： 掌握html4.0和Xhtml1.0相关标准和用法； 掌握css2.0相关标准和属性； 对JavaScript脚本的有一定程度的了解。 的范围 本文档对CSS样式编写以及制作中的方法进行了化定义。JavaScript规则不在此列。 对于一些需要掌握的技术和技术知识本文不做详细描述，请阅读相关技术文档。 适用的产品范围 本文档适用于基于HTML页面的产品。 【规则内容】采用小写的英文单词拼音长度不超过0个字符中文字符数字特殊字符。（images）无换肤要求的目录结构： css文件目录： 存放CSS 样式文件 flash文件目录： 存放.swf文件 html 文件目录： 存放分栏目内容页面 images文件目录： 存放图片文件 javascript文件目录：存放JS文件 language文件目录： 存放多种语言文件 library文件目录： 存放库文件 templates文件目录： 存放模板页面 index.html 首页文件 prod