1.表格布局

利用表格(Table)进行版面布局已经成为一个标准,随便浏览一个站点,一般都是用表格布局的。表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比用样式表更加方便。


2.框架布局

框架网页使用<FrarneSet>,从布局上考虑,框架结构不失为一个好的布局方法。它和表格布局一样,把不同对象放置到不同页面加以处理,因为框架可以取消边框,所以-般来说不影响整体美观。

但是由于使用框架,导致一个页面承载多个页面的HTTP请求,因此会导致响应延迟,而且也无法对响应进行控制。目前FramcSct被认为是--种过时的技术。


3.DIV+CSS

DIV+CSS是一种网页的布局方法。与传统通过表格布局定位的方式不同,它可以实现网页页面内容与表现相分离。CSS(Cascading Style Sheets,层叠样式表)用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术,是网页设计者必须掌握的技术之一。DIV是层叠样式表中的定位技术,全称为 DIVision,即为划分,也可以称其为图层。DIV元素是用来为HTML文档内大块( block-level)的内容提供结构和背景的元素。

通过 DIV+CSS可以对网页进行统一设计和管理,通过一个样式表,就可以统一全站的风格。DIV+CSS结构清晰,很容易被搜索引擎搜索到,较为适合优化SEO,降低网页大小,让网而体积变得更小。但 DIV+CSS在部分浏览器中会发生页面错位的情况,因此在进行设计时也要考虑不同浏览器的情况,不断进行更改和调试。

目前.DIV+CSS是网页布局的流行技术。