div和span的应用

前边有介绍Html标签之一Div，这里我们进一步讲讲div和span的应用。

Div 是有助于在文档中添加结构的一个元素。许多人误以为 div 元素没有语义意义。但是，div 实际上代表部份，它提供了将文档分割为有意义的区域的方法。所以通过将主要的内容区域包围在 div 中并分配 ID mainContent，就可以在文档中添加结构和意义了。

为了将不必要的标记减到最少，就应该在没有现有元素能够实现区域分割的情况下才使用 div 元素。否则过度使用 div 就会演变成“多 div 症”，这是代码结构不合理而且过分复杂的一个信号。

一些 Css 新手会尝试用 div 重建自己原来的表格结构。但是，这只是用一套不必要的标签替换了另一套不必要的标签。实际上，应该使用 div 根据条目的意义或功能（而不是根据它们的表现方式或布局）对相关条目进行分组。

div 可以用来对块级元素进行分组，而 span 可以用来对行内元素进行分组或标识。一般情况不需要对行内元素进行分组或标识，所以使用 span 的情况比 div 少。

尽管目标是保持代码尽可能的简洁且有意义，但有时候为了以希望的方式显示页面，就无法避免添加额外的无语义的 div 或 span。