html规范化面制作规范.docVIP

PAGE / NUMPAGES WEB标准化页面制作规范 编写人：郭福恩 MSN：fuen2005@ 目 录 TOC \o \f \h \z 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相关产品的互用性。 WEB标准是由W3C和ECMA国际（前身为欧洲计算机制造商协会）制定的一系列标准的集合。 WEB标准的核心：结构（Structure）、表现（Presentation）和行为（Behavior）相分离： 结构化标准语言主要包括：XHTML和XML； 表现标准语言主要包括：CSS2.0； 行为标准主要包括：对象模型（如W3C DOM）、ECMAScript等。 XHTML是The Extensible Hypertext Markup Language可扩展标识语言的缩写，是一种增强了的HTML。 CSS是Cascading Style Sheet的缩写，译作「层叠样式表单」，简称「样式表」。是用于增强和控制网页内容样式并允许将样式信息与内容相分离的一种标记性语言。 ECMAScript是一种由ECMA国际（European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。 制作规范编写目的及原则 本文档是作为WEB页面制作的一个规范性的文件，可以帮助提高页面制作人员的工作质量和效率。 原则：规范代码的编写、提高代码的质量、提升编写的效率、增加界面的浏览速度。 制作规范适用的工作人员 本文档主要面向：WEB页面制作人员、视觉设计人员，WEB开发人员也可以参阅了解相关内容，阅读本文档需要掌握相关基础知识： 掌握html4.0和Xhtml1.0相关标准和用法； 掌握css2.0相关标准和属性； 对JavaScript脚本的有一定程度的了解。 制作规范制定的范围 本文档对站点目录的建立、XHTML文件编写、CSS样式编写以及制作中的方法进行了规范化定义。 行为方面的JavaScript规则不在此列。 对于本文档中一些需要掌握的技术技能和技术知识本文档不做详细描述，请另外阅读相关技术知识文档。 制作规范适用的产品范围 本文档适用于基于HTML页面的产品。 站点目录结构 目录名称的命名 【规则内容】采用小写的英文单词或拼音，长度不超过20个字符（10个汉字），名称要能反映目录的内容，具有语义化效果，易于理解和认知。 【补充说明】 不要采用中文字符、下划线、数字和特殊字来符命名目录名称。 目录名称也直接关系到“搜索引擎”的友好度。 【示例内容】图片目录（images） 【应用方法】达到规范定义推荐采用以下的方法： 参照此规范文件来建立自己的目录名称。 将常用的目录建立为模板，重复使用。 站点目录层次结构