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

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

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

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

<div> Vs <Section>

第一轮

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

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

第二轮

>:浏览器支持

<section>:浏览器支持

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

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

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

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

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

<节> < / >节

元素的泛型部分 文档，即内容的主题分组，通常带有 标题。每个<section>都应该被标识，通常包括 标题(<h1>-<h6>元素)作为<section>的子元素 元素。详情请按以下连结。

引用:

http://www.w3schools.com/tags/tag_section.asp https://developer.mozilla.org/en/docs/Web/HTML/Element/section

<div></div>

HTML <div>元素(或HTML文档分区元素)是 流内容的通用容器，它本身不是 代表任何东西。它可用于对元素进行样式化分组 目的(使用class或id属性)，或者因为它们共享 属性值，例如lang。只有在没有其他方法的情况下才可以使用 语义元素(如<article>或<nav>)是合适的。

引用: ——http://www.w3schools.com/tags/tag_div.asp ——https://developer.mozilla.org/en/docs/Web/HTML/Element/div

这里有一些链接，更多地讨论了它们之间的区别:

http://html5doctor.com/avoiding-common-html5-mistakes/ https://teamtreehouse.com/community/use-div-or-section-element http://webdesign.about.com/od/html5tags/fl/div-vs-section.htm

<section>标记定义文档中的节，例如章节、页眉、页脚或文档的任何其他节。

而:

<div>标记在HTML文档中定义了一个分区或节。

<div>标记用于将块元素分组以使用CSS格式化它们。