<table>和
<div>是两种被广泛应用的页面布局方法，但是</font><font size="2">如果网站放置了Google的广告，又用table来布局，如果使用<a href="http://www.microsoft.com/windows/ie/default.mspx">Internet Explorer</a></font><font size="2">或者其它<a href="http://getgosurf.com/">基于IE内核的浏览器</a>来浏览网站。那么看看本文。(高手免观 :P )</p>
<p>前段时间不记得在谁的blog上看到讨论如何解决</font><font size="2">网站放置了Google的广告后浏览速度变慢的问题，主要就是讲很多网站的导航条出来了，然后内容要等很久才能出现。当时他们的解决方法是：<br /> 1.使用<a href="http://www.w3.org/TR/REC-html40/present/frames.html#h-16.5"></a>； <br /> 2.把广告放在最后；<br />然而依然有人抱怨效果不明显，且不说用时<a href="http://www.google.com/bot.html">Mediapartners-Google</a>搜索不到内容，不可能产生有效点击；广告放在最后更是少有人看，单就效果而言，很多人再照着做了后还是说没有什么变化。其原因就在于他们使用了<a href="http://www.w3.org/TR/REC-html40/struct/tables.html"><br />
<table></a>来处理布局，并且是用的IE来浏览网站。</p>
<p>IE的代码是不公开的，我们无从确认它是怎样解析<br />
<table>标签，不过从IE的表现来看显然是当IE取得了</font><font size="2"><br />
<table></font><font size="2">和</table>
<p>之间的所有内容包括</font><font size="2">嵌</font><font size="2">套的表格</font><font size="2">(如果用了)，再一次显示出来；而<a href="http://www.mozilla.org/products/firefox/">FireFox</a>和<a href="http://www.opera.com/">Opera</a>则显然是边读取，边显示的。所以当IE浏览含有正文用<br />
<table>布局Google广告的页面时，要等到google完全返回广告数据时才能显示页面的正文，也就自然而然的显得慢了，而FF要显得快些，其实总的耗时是差不多的。</p>
<p>解决的办法多种：<br /> 1.要微软马上修改IE采用和FF类似的处理<br />
<table>表格标签的策略，似乎不太方便<img src="http://www.kylinx.net/weblog/img/emot/laugh.gif" border="0" /></font><font size="2">。其实出于不同的考虑两种策略各有优点；<br /></font><font size="2">2.要Google在中国放些服务器^_^；<br />3.要所有浏览你的网站的人都不要用IE～；<br />4.如果觉得上述办法不行<img src="http://www.kylinx.net/weblog/img/emot/smile.gif" border="0" /></font><font size="2">用<a href="http://www.w3.org/Style/CSS/">CSS</a>(Cascading Style Sheets层叠样式表)替代table标签来布局，不论是FireFox还是IE还是Opera都不会将嵌套的
<div>标签全部读取完毕再显示。</p>
<p>下面是一些关于CSS布局的入门教程的链接：<br /><a href="http://www.w3.org/Style/CSS/">http://www.w3.org/Style/CS...</a><br />比较正式的文档，英文。<br /></font><font size="2"><a href="http://www.webjx.com/htmldata/2005-02-18/1108737517.html">http://www.webjx.com/htmld...</a><br />CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。<br /></font><font size="2"><a href="http://www.webjx.com/htmldata/2005-02-18/1108737739.html">http://www.webjx.com/htmld...</a><br />如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方<br />便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就做到了底部对齐。</p>
<p></font></p>
分享到：
相关推荐
CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式表中文手册CSS层叠样式...
css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载
分享的是来自麦子学院网课，关于CSS层叠样式表的知识结构图，用的思维导图工具是xmind，一款免费的思维导图工具
CSS层叠样式表手册,CSS层叠样式表手册CSS层叠样式表手册,CSS层叠样式表手册,CSS层叠样式表手册
层叠样式表的基础入门。 CSS 结构和规则 各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 ...
CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常...
DHTML(Dynamic HTML):以HTML语言为基础，使用JavaScript控制网页元素，利用CSS层叠样式表进行布局传统的Web的HTML页面文档结构和显示格式一直是混在一起的。这些给页面开发和调整带来了不便。HTML对网页的调整是粗糙...
css层叠式样表，下载xmind即可使用，属于思维导图。
单元2-1 层叠样式表种类;;;;;;;;;;; 第一个网页 body{ background-image:url(img/bg.gif); } h1{ color: red; } 网页设计是一门很有趣的课 ;;;;;;;第一：样式表的语法；选择器{属性:值;} 第二：样式表的...
css层叠样式表手册，可以查用css的语法，很好用的。
css/层叠样式表 中文手册 按照字母顺序排列
CSS_5日精通CSS层叠样式表.chm CSS_精通CSS滤镜.chm CSS样式表.CHM css样式表滤镜.chm
这是整理出来的一本关于CSS层叠样式表的技术参考手册，语法描述内容详尽，各种属性的值都已列出，方便网页编程的查找。
css样式表实例 让你轻松入门css！东西不多但是学起来挺简单的！
第六章《层叠样式表》
CSS 层叠样式表手册 v1.10（CSS学习必备工具）
中文翻译为样式表! 它的作用简单的说：就是可以使你在同一页面里使用不同的超链接样式。更神奇的是，用CSS，仅仅改变一个文件就可以改变数百个网页的外观......个性化的表现而不损失访问者......所有这些都因为网页...