纠正误解:XHTML+CSS入门教程

需积分: 10 0 下载量 57 浏览量 更新于2024-07-25 收藏 3.47MB PDF 举报
"这是一个关于DIV+CSS入门的在线教程,旨在教授初学者如何使用DIV和CSS进行网页布局。教程强调了‘DIV+CSS’这一称呼实际上并不准确,正确的术语应该是xHTML+CSS。教程内容包括对过去Table布局与现代DIV布局的对比,以及为何国人习惯称其为DIV+CSS。此外,教程还提醒读者,使用Table并不意味着页面不标准,并介绍了WEB标准的概念,包括结构、表现和行为三个方面,以及相关的标准如XHTML、CSS等。" 在深入学习DIV+CSS之前,我们需要了解一些基础知识。首先,`DIV`是一个HTML标签,代表“Division”,即分隔或分区,常用于组织网页内容。而CSS,全称为Cascading Style Sheets,是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。CSS的主要任务是分离内容和表现,使得网页设计更加灵活且易于维护。 过去,网页开发者广泛使用`Table`标签进行页面布局,但这种方法在可访问性、搜索引擎优化和响应式设计等方面存在局限。随着WEB标准的发展,`DIV`结合CSS的布局方式应运而生,它允许开发者通过样式控制来实现更复杂的布局,同时保持内容与样式的分离。 所谓的“xHTML+CSS”是指遵循XML语法规则的HTML,即XHTML,它比传统HTML更严格,与CSS结合使用可以创建符合WEB标准的页面。在XHTML中,所有的元素必须正确关闭,属性值需用引号括起,这样的规范提高了代码的整洁度和解析一致性。 WEB标准是一组指导原则和规范,由万维网联盟(W3C)制定,包括XHTML、CSS、JavaScript等多个部分。其中,结构化标准语言(如XHTML)定义了网页内容的结构;表现标准语言(CSS)负责控制网页的外观和布局;而行为标准(如JavaScript)则处理用户交互和动态效果。 在学习DIV+CSS时,理解这些基本概念至关重要。你需要掌握如何创建和使用`DIV`元素,以及如何通过CSS选择器、属性和值来控制它们的样式。此外,还需了解盒模型、浮动、定位等核心概念,这些都是实现复杂网页布局的基础。最后,不要忘记实践是检验学习效果的最好方式,多做练习,构建实际项目,会让你的技能更加熟练。