高分网XHTML+CSS开发规范.docVIP

目录 1、页面的基本构成和开发标准 3 1.1. 选择合适的DOCTYPE 4 1.2. 定义名字空间 4 1.3. 定义语言编码 4 1.4. 设置页面标题 4 1.5. 调用样式表 4 1.6. HEAD区域其它相关设置 4 1.7. CSS和Javascript 5 1.8. 标准注释 5 1.9. 模块合理嵌套和缩进 5 1.10. 图片alt属性 5 1.11. HTTP请求 5 1.12. 避免重复包含文件 5 1.13. 不允许引用其他网站文件 5 2、(X)HTML书写规范 5 2.1. 基本书写规范 5 2.2. 相关标签的语义 6 2.3. 模块效果与标签写法 7 3、CSS编码规范 8 3.1. 基本书写规范 8 3.2. CSS命名参考 9 4、页面质量评估标准 12 1、页面的基本构成和开发标准 选择合适的DOCTYPE 现阶段统一使用XHTML1.0 Transitional标准 定义名字空间 标准必须引用 定义语言编码 默认使用gb2312和gbk编码，根据实际需求采用utf-8编码 下面的语句是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。 meta http-equiv=Content-Language content=zh-CN / 设置页面标题 必须设置，不准留空 页面标题标准命名原则： 各级首页：TOM****_宣传语 子频首页：TOM****_子频道名_宣传语 内容页：内容标题_子频道标题_TOM*** 专题页：专题标题_TOM*** 调用样式表 除去简单的独立页面之外全部采用外部调用的方式加载样式文件 页面内部嵌入法：就是将样式表直接写在页面代码的head区。类似这样： 外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用以下代码调用。 HEAD区域其它相关设置 收藏夹图表： 允许搜索机器人搜索站内所有链接 设置站点版权信息 站点关键词 必须添加 站点的简要描述 必须添加 CSS和Javascript统一放在head里，不允许放在Body里 Body内的模块都要加注释 标准注释格式如下： 各个模块合理嵌套和缩进 缩进一律用Tab，禁止用空格 页面中的正式内容图片，必须填写 alt属性，不允许为空。 对于页面装饰性质的图片，如虚线、分隔小图等，要定义在CSS中，制作过程中，如不知道title详细信息，可以按照下面的方式书写：title=“#”。 每页有尽可能少的HTTP请求。 页面内的HTTP请求，包括引用的外部CSS和外部JS文件、图片、Flash文件等。CSS文件或JS文件。 绝对不允许引用其他网站的css和Javascript等文件。 (X)HTML书写规范 2.1. 基本书写规范 1． 所有标签的元素和属性的名字都必须使用小写，通常dreamweaver自动生成的属性名字onMouseOver也必须修改成onmouseover。 2. 属性的值一定要用双引号()括起来，且一定要有值 。所有的属性必须用引号括起来，例如: height=80 必须修改为：height=80 特殊情况，你需要在属性值里使用双引号，你可以用，单引号可以使用，例如： alt=sayhello 3. 所有的标记都必须要有开始和相应的结束标记，所有标签必须关闭。对于不成对的标识，在标识最后加一个空格，然后跟一个/。例如br写成br /、img写成img /，加空格的原因是避免代码连在一起浏览器不识别。 4. 所有的XHTML标记都必须合理嵌套，以前这样写的代码： pb/p/b 必须修改为：pb/b/p 就是说，一层一层的嵌套必须是严格对称。5. 把所有和等特殊符号用编码表示。任何不是标签部分的小于号（），都必须被编码为lt;任何不是标签部分的大于号（），都必须被编码为gt;任何不是实体部分的与号（），都必须被编码为amp; ,在utf-8编码时尤其需要注意。 6. 在注释内容中不能使用“--”，如有需要，必须用==来替换。例如下面的代码: !--这里是注释-----------这里是注释-- 必须改成!--这里是注释============这里是注释-- 7. 不要使用被排斥的元素: 一些元素和属性在HTML 4.01 Transitional和XHTML 1.0 Transitional是被允许的，而在XHTML 1.0 Strict下则不被支持。比如font、center、 alink、align、width、 height （对于某些元素）、bgcolor和background。 不建议使用的标签：b、big、hr、i、small、sub、sup、tt 禁止使用的标签：basefont、center、dir、font、is