网页标准：结构、表现与行为，网站相关的技术走入实用阶段，不过短短十几年的时间，就已经发生了很多重要的变化。其中重要的一点是“Web标准”被广泛地接受。

1.标准的重要性

相信大家对“标准”这个词都非常熟悉，也能很容易地了解标准的重要性。在越来越开放的环境中，各个相互关联的事物要能够协同工作，就必须遵守一些共同的标准来工作。例如，个人电脑的型号是开放的标准，而个人电脑的零件的规格是统一的。为个人电脑生产零件的厂家成千上万，大家都是在同一个标准下进行设计和生产，因此用户只需要买来一些零件，比如CPU、内存条和硬盘等，简单地“插”（组合）在一起，就能成为一台好用的电脑了，这就是“标准”的作用。相比之下，其他行业就远不如PC行业了，比如汽车行业，一个零件只能用在某个品牌的汽车上。这样不仅麻烦得多，而且也不利于成本的降低。互联网是另一个“标准”倍出的领域，连接到互联网的各种设备的品牌繁多、功能各不相同，因此必须依靠严谨合理的标准，才能使这些纷繁复杂的设备都协同工作起来。

“Web标准”也是互联网领域中的标准，实际上，它并不是一个标准，而是一系列标准的集合。从发展历程来说，网页是逐步发展和完善的，到目前它还在快速发展之中。在早期阶段，互联网上的青岛网站建设都很简单，网站的内容也非常简单，自然相应的标准也是很简单的。而随着技术的快速发展，相应的各种新标准也都应运而生了。打个比方，如果仅仅是简单地写一个便条或者一封信，那么对格式的要求就很低，而如要出版一本书，就必须严格地设置书中的格式，比如各级标题用什么字体、什么字号，正文的格式，图片的格式，等等。这是因为从一个便条到一本书，内容的性质已经不同了。同样，在互联网上，刚开始的时候内容还很少，也很简单，也不存在更多的复杂应用，因此一些简单（或者说“简陋”）的标准就已经够用了。而现在互联网上的内容已经非常多了，而且逻辑和结构日益复杂，出现了各种交互应用，这时就必须从更本质的角度来研究互联网上的信息，使得这些信息仍然能够清晰、方便地被操作。

大家应该理解，一个标准并不是某个人或者某个公司，在某一天忽然间制定出来的。标准都是在实际应用过程中，经过市场的竞争和考验，经过一系列的研究讨论和协商之后达成的共识。

2.“Web标准”概述

下面来着重讲解关于山东网站建设的标准——“Web标准”。网站主要由3个部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。用一本书来比喻，一本书分为篇、章、节和段落等部分，这就构成了一本书的“结构”，而每种组成部分用什么字体、什么字号、什么颜色等，就称为这本书的“表现”。由于传统的图书是固定的，不能变化的，因此它不存在“行为”。在一个网站中，同样可以分为若干个组成部分，包括各级标题、正文段落、各种列表结构等，这就构成了一个网站的“结构”。每种组成部分的字号、字体和颜色等属性就构成了它的“表现”。网站和传统媒体不同的一点是，它是可以随时变化的，而且可以和读者互动，因此如何变化以及如何交互，就称为它的“行为”。

因此，概括来说，“结构”决定了网站“是什么”，“表现”决定了网站看起来是“什么样子”，而“行为”决定了网站“做什么”。不很严谨地说，“结构”、“表现”和“行为”分别对应于3种非常常用的技术，即(X)HTML、CSS和JavaScript。也就是说，（X）HTML用来决定网页的结构和内容，CSS用来设定网站的表现样式，JavaScript用来控制网站的行为。

这几天圭谷设计将重点介绍前两者，对于JavaScript仅在少数案例中用到，只进行一些简单的介绍。“结构”、“表现”和“行为”的关系。　

这3个组成部分被明确以后，一个重要的思想随之产生，即这三者的分离。开始时HTML同时承担着“结构”与“表现”的双重任务，从而给网站开发公司、青岛网站维护等工作带来很多困难。而当把它们分离开，就会带来很多优点。具体内容在后面的新闻中圭谷设计会一一讲解。这里仅给出一个例子简单说明。打开青岛网站制作显示的一个页面的初始效果，即仅通过HTML定义了这个页面的结构，图中使用文字说明了这个页面中的各个组成部分，以及使用的HTML标记，灰色线框中的效果是使用浏览器查看的效果。这个效果是很单调的，仅仅是所有元素依次排列而已。 

对上述的页面，使用CSS设定了样式以后，它的表现形式就完全不同了。借助于CSS，在不改变它的HTML结构和内容的前提下，可以设计出很多种不同的表现形式来，而且可以随时在不改变HTML结构的情况下修改样式。这就是“结构”与“表现”分离所带来的好处。