让二栏式网页先呈现内容

虽然目前网页布局都推荐使用XHTML+CSS标准的设计方式,但是市面上的网页大都还是使用表格分割区域的方式组织网页结构。它们的缺点就不多说了,这里介绍一个有用的技巧。
一般二栏式的网页会这样写。
<table>
<tr>
<td>导航栏...
</td>
<td>
内容栏...
</td>
</tr>
</table>
layout1.gif
这样写效果是,当页面加载时先加载导航栏,再加载内容栏,有可能你很想看内容部分,但是导航栏却加载个没完,Sigh!

因此对表格进行一下修改
<table>
<tr>
<td>
  <!--这里也可以是一个空白的单元格,但效果不够理想,大家可以试一下-->
  <img src="space.gif" alt="" border="0" height="1" width="1">
</td>
<td rowspan="2">内容栏...</td>
</tr>
<tr>
<td valign="top">导航栏...</td>
</tr>
</table>
layout2.gif
好了,应该能看懂吧。很简单,但是很有用。这里处理后,内容会被加载,导航栏会在后面加载。

相同的,三栏式的网页也可以做相似的修改
<table>
  <tr>
    <td><img src="space.gif" alt="" border="0" height="1" width="1"></td>
    <td rowspan="2">内容栏...</td>
    <td><img src="space.gif" alt="" border="0" height="1" width="1"></td>
  </tr>
  <tr>
    <td>导航栏..</td>
    <td>其他什么东西...</td>
  </tr>
</table>

写得比较简单,希望对大家有用!
posted on 2005-01-28 12:39  djshow  阅读(634)  评论(0编辑  收藏  举报