事实上，在使用Dreamweaver等软件进行网页设计制作时，就已经开始使用Web标准技术了。在Dreamweaver或其他网页编辑器环境中进行网站设计，实际上是由网页编辑器为我们自动编写符合Web标准中的各个技术的代码段。虽然我们一直在使用编辑器或者其他手段进行Web标准的编写，但并不意味着我们所做出的网页就是符合标准的。真正符合标准的网页设计是指能够灵活地使用Web标准对Web内容进行结构、表现与行为的分离—即表现与内容分离的，用最科学、最合理的结构来构建网站，让网站易用、可靠、便于维护，这才是符合标准设计的最终目标。本书的主旨正是希望能够带给读者符合这种标准的，新的网站编码设计方法。

表现与内容分离技术是目前Web标准制定的核心目的。

内容是指具体的信息，仅仅表示信息正文。正文通过XHTML结构化语言被标记为各个独立的部分，如左分栏、右分栏、新闻列表等。

表现是指信息的展示形式，如对字号、字体、排版的设计，称之为表现。使用表现与内容分离技术的好处，主要在于下面几个方面：

1.高效率的开发与简单维护

在网站设计过程中，对于开发人员来说，最希望的就是能够高效开发与简单维护，这正是网站开发与运营成本的关键所在。由表现与内容分离所带来的高效开发是指通过内容与表现的分离技术，可以使具体内容与样式设计分离开来，使得同一个设计可以重复使用。定义界面上某个元素的设计样式之后，通过设计与内容的分离，可以将这段设计样式代码重用于另一个信息内容之中.直接应用或继承这段代码进行扩展，达到重用设计样式的口的，这样可以减少重复编写的代码，加快开发效率。

样式代码重用方法在维护中同样起到事半功倍的作用，通过修改同一个代码段，.便可以使重用代码的所有区域同时改变样式，从而使维护简单高效。值得注意的是，由于内容与表现的分离，使得样式设计人员可以专注于样式的表现而不用重复定义样式内容，在可读性和维护性上都得到极大的提高。

样式代码重用方法在维护中同样起到事半功倍的作用，通过修改同一个代码段，便可以使重用代码的所有区域同时改变样式，从而使维护简单高效。值得注意的是，由于内容与表现的分离，使得样式设计人员可以专注于样式的表现而不用重复定义样式内容，在可读性和维护性上都得到极大的提高。

2.信息跨平台的可用性

通过将内容与设计进行分离的手段，我们可以使信息以较低的成本实现跨平台转换。

由于内容与设计己经分离，可以针对其他设备进行样式上的替换，比如针对掌上电脑或者游戏机终端，我们只需替换一个样式设计文件即可在另一设备上拥有不同样式表现，以适应不同设备的屏幕需求.而网页的内容则无须改变。