纠正误解：XHTML+CSS网页布局入门指南

"这是一份关于DIV+CSS网页设计的PDF版教程，适合初学者入门学习。教程纠正了‘DIV+CSS’这一不准确的叫法，指出标准的称呼应该是xHTML+CSS，并深入讲解了为何国人习惯如此称呼，以及这对理解网页标准的重要性。" 在网页设计领域，"DIV+CSS"常被用来描述一种布局技术，但实际上，这种叫法并不严谨。正确的术语是"xHTML+CSS"，这是因为网页的构建应遵循WEB标准，将结构、表现和行为分离。XHTML代表结构，它是HTML的扩展，强调文档的结构化；CSS则负责表现，定义元素的样式和布局。 过去，网页设计中大量使用表格(Table)进行布局，但这种方法导致了代码冗余和可访问性问题。随着WEB标准的推广，开发者开始转向使用DIV元素配合CSS进行布局，因为这种方式更利于内容和样式的分离，提高了代码的可维护性和网页的可访问性。 然而，单纯以是否使用Table来评判一个页面是否标准是片面的。标准网页设计的核心在于遵循W3C制定的一系列标准，包括XHTML、CSS以及JavaScript等，确保页面的结构清晰，样式独立，且对各种设备和浏览器具有良好兼容性。 在学习DIV+CSS布局时，你需要理解以下几个关键点： 1. **HTML与XHTML的区别**：XHTML是一种更严格的HTML版本，要求语法更规范，例如所有的标签必须闭合。 2. **CSS的基本概念**：了解选择器、属性和值，学会如何定义和应用样式，控制元素的布局。 3. **布局技术**：掌握如何使用DIV作为布局容器，通过浮动、定位等方法实现复杂布局。 4. **盒模型**：理解CSS盒模型，包括边距、填充和边框如何影响元素的大小和位置。 5. **响应式设计**：随着移动设备的普及，了解如何利用媒体查询实现不同屏幕尺寸下的适配。 6. **浏览器兼容性**：知晓各主流浏览器对CSS特性的支持情况，学会使用前缀和hack解决兼容性问题。 7. **Web Accessibility**：理解网页可访问性的重要性和实施方法，如使用语义化标签。 通过深入学习这些概念和技术，你将能够创建符合WEB标准的、具有良好用户体验的网页。同时，了解并遵循这些标准，不仅有助于提升个人技能，也有利于整个互联网环境的健康发展。