- 首 页
- 企业建站
- 网站优化
- css布局
- 网络赚钱

推荐文章
最新文章
首页 → 网站优化 → 文章内容

网页制作的结构与表现分析

来源：本站整理 作者：不详 日期：2008-8-6

网页制作的结构与表现
现在有很多关于web标准的文章，其中提到了结构与表现分离，到现在还有很多同好还在糊涂中徘徊。我在这里说出我自己对结构与表现分离的理解，大家一起交流完善：）
刚开始接触xhtml的时候确实很迷糊，我从中得到的最大好处就是css太完美了，让我迷恋上了使用css，也一度傻乎乎的抛弃的html标签，就是div套div啊，然后就是css^_^！.希望大家不要和我一样犯傻^_^
要把结构与表现分离，首先要了解什么是结构，什么是表现。
结构：是对网页中用到的信息进行整理与分类。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、连接等。它分为头部、主体两大部分。头部描述浏览器所需的信息，主体是要说明的具体内容。
表现：表现技术是对已被结构化的信息进行显示上的控制，包括版式、颜色、大小等形式的控制。
也就是说，你要把页面中显示的信息放在结构里（html页面中），而一些修饰、美化要放在表现里（css完成）。
好处那是不用言表的，可能还有一些朋友没有体会到这其中的魅力，我在这里说下我看到的好处。
在html页面中，代码简洁明了，你可以轻松的看出页面中信息的结构（呈现眼中的就是信息，只有少量的结构标签），和以前的表格布局代码量少了近一半；表现全部由css来完成，在维护上也是大大的方便了，尤其是大型的网站，有很多的样式都是通用的，你只要改下样式就可以实现全网站的更改（提高了效率）；风格统一，这是一个好的网站需要的（整体统一，局部对比这是建站设计的常用手法）。
现在出现一些错误的使用div和css的现象，这可能是大家的一个误区，这也是xhtml的一个经过吧！！（我也是其中经历过的一份子*_*）
其实，使用div+css建站不是让大家放弃html中的标签，而是让大家更好的利用html中的标签和css，使代码精简明了的实现我们要的效果。
div只是用来布局，就像要把房子分出几大格局一样，里面的内容看成是不同的分类区，标题、文章类的尽量灵活的使用html标签，例如h1, h2, h3, h4, h5, h6, ul,ol, dl, p, q, samp, span, i, u, em, strong, br等对信息进行分类排版；有些效果像粗体、标题这些是xhtml标签直接可以表现的，就不要用css来控制。
还是希望大家不要忽略了html标签的重要性，大家可以参考一些文章.