<div> -我们都知道并喜欢的通用流容器。它是一个块级元素，没有额外的语义含义(W3C:Markup, WhatWG)

<section> -通用文档或应用程序部分。A通常有一个标题(标题)，也可能有一个页脚。它是一大块相关内容，比如一篇长文章的一个小节，页面的一个主要部分(比如主页上的新闻部分)，或者web应用的标签界面中的一个页面。(W3C:标记,WhatWG)

我的建议: Div:使用较低版本(我认为4.01仍然)HTML元素(许多设计师处理)。 Section:最近出现的(html5) HTML元素。

许多网站包含如下HTML代码:<div id="nav"> <div class="header"> <div id="footer">来表示导航、页眉和页脚。所以<div>在html4中被用来定义网页的不同部分，但<div>并不意味着任何特别的东西，因此html5引入了许多语义元素，<section>是其中之一，它为屏幕阅读器、搜索引擎和浏览器等提供了足够的信息，以识别网站的不同部分。

主要的区别是如果你只使用<div>来定义网站部件。可读性较差。

如果使用语义元素而不是div标签。他们可以帮助提高你的网站的可读性，不仅对人类的其他程序(屏幕阅读器，搜索引擎等)也。我们仍然可以在语义元素中使用<div>作为容器。

<div> -我们都知道并喜欢的通用流容器。它是一个块级元素，没有额外的语义含义(W3C:Markup, WhatWG)

<section> -通用文档或应用程序部分。A通常有一个标题(标题)，也可能有一个页脚。它是一大块相关内容，比如一篇长文章的一个小节，页面的一个主要部分(比如主页上的新闻部分)，或者web应用的标签界面中的一个页面。(W3C:标记,WhatWG)

我的建议: Div:使用较低版本(我认为4.01仍然)HTML元素(许多设计师处理)。 Section:最近出现的(html5) HTML元素。

<div> Vs <Section>

第一轮

<div>: HTML元素(或HTML文档划分元素)是流内容的通用容器，它本身并不代表任何东西。它可以用于对元素进行分组，以实现样式化(使用class或id属性)，或者因为它们共享属性值，比如lang。只有当没有其他语义元素(如<article>或<nav>)是合适的时，才应该使用它。

<section>: HTML section元素(<section>)表示文档的通用部分，即内容的主题分组，通常带有标题。

第二轮

>:浏览器支持

<section>:浏览器支持

表中的数字指定完全支持该元素的第一个浏览器版本。

因此，div只从纯CSS或DOM的角度来看是相关的，而section也与语义相关，在不久的将来，还与搜索引擎的索引相关。

section标记为html提供了更具语义性的语法。Div是节的通用标记。 当你为适当的内容使用节标签时，它也可以用于搜索引擎优化。Section标记还使HTML解析变得容易。更多信息，请参考。http://blog.whatwg.org/is-not-just-a-semantic

在HTML5标准中，<section>元素被定义为一个相关元素块。

<div>元素被定义为一个子元素块。