纠正误区:理解真正的网页布局——xHTML+CSS

需积分: 10 0 下载量 60 浏览量 更新于2024-09-21 收藏 3.47MB PDF 举报
"【div+css网页设计】 在现代网页设计中,div+css布局方法因其简洁、灵活和可维护性而被广泛采用。div+css并非真正的术语,而是国内开发者对HTML+CSS布局模式的一种通俗说法,其中div(文档对象模型中的块级元素)主要用于定义网页的容器,而css(层叠样式表)则用于控制这些容器的样式和布局。初期,table曾是网页布局的主要工具,但table结构复杂且不易维护,随着html5的发展,div的广泛应用使得网页布局转向基于语义化的结构化方式。 div+css之所以被称为“div+css”,是因为它强调的是使用div元素作为页面结构的基本单位,配合css进行定位和样式设置,替代了早期的表格布局(table-based)。然而,这种称呼的准确性并不高,标准名称应该是xHTML+CSS,即使用标准的HTML(尤其是xHTML,一种XML应用)来定义页面结构,再通过CSS来实现视觉表现。 国人将这种布局方法称为div+css,主要是因为历史背景和习惯,早期大量使用table布局,而现在转向div。但这种观点存在误区,认为使用table就是非标准,实际上,是否使用table并不是衡量页面标准性的唯一标准。真正的web标准是指遵循一系列准则,包括结构(如xHTML定义内容)、表现(如CSS控制外观)和行为(如JavaScript处理交互),而不是简单地以div或table的使用为划分标准。 因此,对于那些仅仅停留在div+css表面学习,而非深入理解web标准的人来说,他们的技能可能相对肤浅。理解并掌握web标准,如XHTML、CSS和它们之间的关系,才是制作出真正符合标准的页面的关键。记住,使用table并不代表低标准,而使用div+css也不意味着绝对的高质量,关键在于如何合理运用这些技术来创建易读、易维护的网页。"