《TOM_HTML_CSS开发规范》是一份详细的指南，旨在指导开发者如何按照标准和最佳实践来编写HTML和CSS，以提高代码的可读性和维护性。这份规范由TomOnline公司在2007年发布，虽然时间稍早，但其基本原理和原则依然适用于现代Web开发。
1. **页面的基本构成和开发标准**
- **DOCTYPE选择**: 规范建议使用XHTML1.0 Transitional DOCTYPE，这是为了兼容不同浏览器，并允许使用某些过渡性的HTML元素。
- **定义名字空间**: 遵循W3C标准，所有XHTML文档应引用`http://www.w3.org/1999/xhtml`名字空间。
- **语言编码**: 默认推荐使用`gb2312`或`gbk`编码，但可根据需要使用`utf-8`。
- **设置页面标题**: 每个页面的`<title>`标签都必须包含，不可为空，有利于SEO和用户体验。
- **样式表调用**: 除简单页面外，均使用外部样式表，以减少代码冗余和便于管理。
- **HEAD区域管理**: CSS和JavaScript应放在`<head>`标签内，不推荐放在`<body>`中，以提高页面加载速度。
- **模块注释**: `<Body>`内的每个模块都需添加注释，方便理解。
- **代码缩进**: 使用Tab进行缩进，避免使用空格，保持一致性。
- **图片alt属性**: 所有正式内容的图片需提供`alt`属性，以便无障碍访问和搜索引擎优化。
- **HTTP请求优化**: 尽量减少页面的HTTP请求次数，合并CSS和JS文件。
- **外部资源引用**: 不允许引用其他网站的CSS和JavaScript文件，确保资源的安全和可控性。
2. **(X)HTML书写规范**
- **基础规范**: 遵守W3C的XHTML规范，闭合所有标签，保持语义清晰。
- **标签语义化**: 使用具有明确语义的标签，如`<header>`, `<nav>`, `<section>`, `<article>`等，提高可访问性和SEO。
- **模块效果与标签**: 根据模块功能选择合适的HTML标签，例如，用`<ul>`和`<li>`构建列表，用`<h1>`-`<h6>`表示标题等级。
3. **CSS编码规范**
- **基础规范**: CSS代码应遵循一定的格式，如每条规则结束后使用分号，选择器和声明之间使用花括号，属性与值之间用冒号隔开。
- **CSS命名参考**: 采用有意义的类名和ID名，如使用`btn-save`代替`button1`，使代码更易理解。
4. **页面质量评估标准**
- 页面加载速度、代码规范性、可维护性、跨浏览器兼容性以及无障碍访问能力是评估页面质量的重要指标。
遵循这些规范，开发者可以创建出结构清晰、样式统一且易于维护的网页，提升整体的开发效率和用户体验。在不断发展的Web技术环境下，理解和应用这些基本规范仍然至关重要。
