优化页面结构
下面是一个典型网页的例子:商标在顶部,导航在左边,内容 在其余部分。对于这样的页,一般用一个大表格定义整个网 格。在整个框架表格内嵌套商标、导航和内容表格,使浏览器 渲染起来很困难。
|
|
content content
content content
content content
content content
content content | |
下面是相同的页面结构,只是商标、导航和内容分别定义在独 立的表格内。
|
content content
content content
content content content
content | |
通过使每个表格独立和简洁,浏览器可以每读完一个元素就渲 染之。因此页面的第一个元素最早出现,用户可以马上利用页 面最顶端的信息。
在上面的第二个例子里,商标表格最早出现,然后是导航表 格,然后是内容表格。整个页面下载很快,用户马上就有可以 看到的东西。
[返回]
|