在目前的网页布局中，主要有两种方式，一种是TABLE，也就是表格方式，一种是DIV+CSS的方式，采用表格的方式布局在不同的浏览器里面显示的效果不会太大，采用DIV+CSS的方式要非常考虑浏览器的兼容性。但是采用DIV+CSS的方式的代码更标准。
比如下面的代码：
<table border="0" width="100%">
<tr>
<td style="font-size: 16pt"><font size="">标题：SEO是什么?什么是网站优化？什么是搜索引擎优化?</font></td>
</tr>
<tr>
<td>
<p>
内容：网站优化，又叫搜索引擎优化，SEO是其英文的简写。网站优化是指利用工具或者其他的各种技术使自己的网站符合搜索引擎的搜索规则从而获得较好的网站排名。</p>
</td>
</tr>
</table>
这个代码会显示两行数据，第一行会以16码的字来显示这段话的标题，第二行会以标准的字体来显示这个标题所对应的内容。这种方法是很Table方式的布局，也是非常好的，这个时候出现了一个问题，对于上部分显示的标题，因为我们加大了字体（16PT），所以我们看起来它就是标题，甚至我们还可以给这个标题加粗<strong>，加红<font color="red">,让它看起来更象一个标题。但这仅仅只会给我们在视觉效果是个标题，对于搜索引擎来讲，它是分不出来是标题的，如果你整篇文章都以这种形式来表现，那么搜索引擎获取的结果就只会是一团，无法产生很好的匹配。 那通过什么方式能够让搜索引擎知道一段话的主题呢？
对了，就是使用H1，H2，H3等标题标记，这些在DW以及FrontPage里面都是有这个功能的，按照我们的写作习惯，标题下面就应该是段落了，在HTML中段落是以〈P></p>来表示的。那么上面用标题布局显示的内容，我们可以修改一下：
<h2>标题：SEO是什么?什么是网站优化？什么是搜索引擎优化?</h2>
<p>内容：网站优化，又叫搜索引擎优化，SEO是其英文的简写。网站优化是指利用工具或者其他的各种技术使自己的网站符合搜索引擎的搜索规则从而获得较好的网站排名。</p>
相对于表格布局，CSS的布局方式有三个优势
- 1。代码简洁
- 2。更有利于搜索引擎的搜索，匹配
- 3。可以随意外观体现方式，只要修改CSS文件即可。
可能大家会问，为什么通过<h1><h2>或者等标记的方式能够提高地搜索引擎的友善度？下面我跟大家讲解下这个原理
一个网页的TITLE，就是这篇网页的主题，就是说一定要在页面中找到与TITLE中匹配的内容，搜索引擎才会认为文章内容没有偏题。很简单，你的网站是做SEO的，你的标题写的是SEO，可是内容却是介绍手机的，这样的匹配度很低，肯定不会有好的排名。
当我们的内容显示在页面山的时候，它的展现形式都是靠HTML标记来控制，如果你全部内容都放在<P></P>里面，那么搜索出来的内容就会一大团，会增加搜索引擎对这些内容提炼的难度。如果有标记的话，比如说<h1>,<h2>搜索引擎就会拿Title的内容去匹配该页面所有的<h1><h2>标记中的内容，然后用<hx>中标记内容匹配该标记下面的<p></p>段落内容，在不做弊的情况下，这种匹配度越高，对你的排名越有利。
这也是网上所流传的DIV+CSS有利于SEO的道理，经过我的测试，确实是有效果的。
推荐阅读
