div与span

div在网页布局中属于一个家庭中的男人，起到骨架支撑的作用，span则以深入细微的打理来控制页面的布局细节。

共同点

• 弱语义元素（不像table h p 等一看就明确知道含义）
• 优势：无特殊样式元素（除去display之外，无特殊样式。div与span只要设置好display，在任何浏览器中解析得到的效果都完全相同，不存在任何不兼容问题；不像p被定义1.12em的上下边界，h2的文本加粗显示等）
• 浏览器通用元素：由于是无特殊样式元素，所以它们在浏览器中不存在细微差异

div嵌套：div元素作为网页布局的主力是肯定的，出于对网页的功能性与功用性的考虑，div元素也要慎重使用，最好是综合考虑功用性与功能性。
功能性方面：作为布局的主要元素，它与表格是一样的都可以嵌套，而且嵌套的层级也没有限制，在功能性方面没有问题
功用性方面：超过三层嵌套就要考虑浏览器解析是不是会变慢，浏览器对任何元素的解析方式都是一样的，一般从最里面开始，不断向外解析，越深速度越慢。此外，搜索引擎对嵌套层级也有要求。

span：span元素嵌套与div元素在功能上有着很大的不同，div是为了完善结构布局，而span更多的是为了改善显示效果。