过去的WEB开发
刚开始涉足Web开发时，我就惊奇HTML表格的强大功能和灵活性。它们可被无穷嵌套以产生希望的结果，并且在浏览器上不显示空表单元。
HTML表格用于显示“扁平”数据。很显然，假如需要显示类似于Excel的数据，表格将是很好的选择。当HTML表格用于处理数据没有任何问题后，早期的Web设计者就很快将它应用到页面的设计和排版。
将页面设计成表格单元的过程很轻易，但是进行手工处理的时候则需要谨慎对待。另外，Web页面中很多表格进行嵌套时，处理很麻烦，此时可以使用可视化工具，如FrontPage。下面给出了一个基于表格进行设计的例子。
例A给出的例子创建了标题、页脚、简单的菜单和内容板块。将一个大表格嵌入到整个页面，整个页面上包含很多用于单个标题、页脚、菜单和内容区域的小表格。页面的每个区域的背景颜色根据目的性而不同。
<html><head>
<title>TechRepublic.com - Table layout</title>
</head><body>
<table border="0" cellpadding="0" cellspacing="0">
<tr height="20" bgcolor="black">
<td>
<table border="0" cellpadding="0" cellspacing="0" width="500">
<tr height="50" bgcolor="red">
<td>Header</td>
</tr></table></td></tr><tr>
<table border="0" cellpadding="0" cellspacing="0" width="500">
<trbgcolor="silver">
<td>Menu Item 1</td>
<td>Menu Item 2</td>
<td>Menu Item 3</td>
</tr></table></tr><tr><td>
<table border="0" cellpadding="0" cellspacing="0" width="500">
<tr height="450" bgcolor="yellow">
<td>Content</td></tr></table></td></tr><tr><td>
<table border="0" cellpadding="0" cellspacing="0" width="500">
<tr height="50" bgcolor="green">
<td>Footer</td>
</tr></table></td></tr></table></body></html>
表格设计完成并达到预期的结果，但是HTML页面显得有些含糊。使用表格的一个好处则是浏览器兼容性很好，包括很古老的浏览器如Internet Explorer 5.0也能显示。这不是基于CSS设计的例子，但是CSS具有其他优势。
CSS与HTML的出现
几年前，当CSS开始出现的时候，Web标准也紧跟出现。它建立在采用HTML处理Web页面内容，即意味着它不是仅仅用于数据显示。
起初，CSS用于操作颜色和字体等文本内容，但是后来逐渐支持所有东西。除了满足文本和颜色显示简单化以外，CSS也提供了设计特征。基于CSS设计网页的问题是浏览器支持的问题。现在的浏览器在逐步开始支持它，但是那些老浏览器则不支持。
评论加载中…
 |