网页前端布局由table过渡到div+css，逐步在向web标准靠近。但不得不说的是，还有少许的前端制作人员认为在做布局的时候不用font标签之类的就算是web标准了，从而导致如今网上“div泛滥”，一看源文件，汗，除了div没其他标签了。。。
严肃滴说一句，这不叫web标准，这叫“div+css”——名副其实的“div+css”。

有些前端制作人员认为只要根据设计效果图，用“div+css”做出了完整的效果，且兼容各个浏览器，就没有问题了，但是却疏忽了web标准。这样的页面只是“看起来没任何问题”，因为人类是可以通过视觉的划分判断内容的语义，可是搜索引擎看到的只是代码——搜索引擎只能通过标签来判断内容的语义。

那么我们为什么要注重语义呢，因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。
其实所有的标签都是有语义的，例如：

div 语义：Division（分隔）

ol 语义：Ordered List（排序列表）

ul 语义：Unordered List（不排序列表）

li 语义：List Item（列表项目）

hx 语义：headword（标题）

p 语义：paragraph marks（段落标记）

span 语义：Span（范围）
…………
其中，值得重点提及的是h标签，h标签的语义是标题，搜索引擎对这个标签比较敏感，特别是h1,和h2。一个语义良好的页面，h标签应该是完整有序没有断层的。也就是说，要h1,h2,h3,h4这样推下来，不要h1,h3,h4，漏掉h2。一个结构良好的网页，h标签可以组织起一个网页的大纲。

仅有div标签构成的页面一点语义都没有，搜索引擎根本看不懂，那样的话搜索引擎对你网站的流量一点帮助都起不到。所以，要记住：
结构(html)才是重点，样式(css)是用来修饰结构的。先确定html，再确定标签，最后来选用合适的css，使页面尽可能达到完美。