<div> Vs <Section>

第一轮

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

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

第二轮

>:浏览器支持

<section>:浏览器支持

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

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

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

而:

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

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

<section>标记一个section， <div>标记一个没有关联语义的泛型块。

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

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

<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>作为容器。