网站优化:网页制作的结构与表现分析
现在有很多关于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标签的重要性,大家可以参考一些文章.