狐的传说
大部分html标签都是有＃语义＃的，例如<p>表示这是一个段落，<strong>表示强调，<ul>表示是无序列表。<div>和<span>是2个无语意的标签，也就是说，他们可以当作一个容器，里面放别的东西。<div>默认是块级元素，<span>默认是inline元素。因此，当你需要为一个<ul>加一个父元素以方便更好地布局或者js操作，就可以用<div>将其包含起来。在html5以前，由于没有 header/footer/section/article 这样的语义标签，所以都是用div来布局，以区分不同的页面内容模块。例如导航：<div class='main-nav'><ul>这里是实际的导航条内容....</ul></div>这样对于写css有一定的便利。特别是万恶的ie7-年代，为了圆角、阴影等效果，可能要嵌套n层的div才能实现。