• <nav>意味着更多的语义标记（让浏览器知道），这些链接不仅仅是普通的链接，它们是一个导航菜单。这对于辅助功能（标签，移动的设备，浏览器，如残疾人用户的屏幕阅读器，可以使用此元素来确定是否忽略此内容的初始呈现。）和其他事情很有用。

有关<nav>的更多参考：https://www.w3.org/TR/html51/sections.html#the-nav-element

• <div>标签在HTML文档中定义了一个划分或一个部分。它是一个块级元素，通常用于识别大的内容分组，并有助于使用CSS构建网页的布局和设计。

有关<div>的更多参考：http://www.html-5-tutorial.com/div-tag.htm
在造型方面没有太大的区别，

<nav>
<div>

从技术上讲，它们的工作方式是一样的，但对于搜索引擎来说，它告诉他们有一个导航区。

几年前，我做了一个完整的语义HTML标记的例子，并将其发布在github上。
查看代码https://github.com/samad-aghaei/Semantic-HTML5/blob/master/index.html

<nav>
<ul itemscope="itemscope" itemtype="http://schema.org/ItemPage">
    <li>
      <a itemprop="url" rel="nofollow" href="#" title="Facebook" class="icon-facebook">
      </a>
    </li>
    <li>
      <a itemprop="url" rel="nofollow" href="#" title="Twitter" class="icon-twitter">
      </a>
    </li>
    <li>
      <a itemprop="url" rel="nofollow" href="#" title="Google Plus" class="icon-gplus">
      </a>
    </li>
    <li>
      <a itemprop="url" rel="nofollow" href="#" title="LinkedIn" class="icon-linkedin">
      </a>
    </li>
    <li>
      <a itemprop="url" rel="nofollow" href="#" title="RSS Feed" class="icon-rss-1">
      </a>
    </li>
  </ul>

字符串

在HTML中，<nav>元素是一个语义HTML5元素，专门用于表示页面上的导航链接。虽然您可以使用<div>创建类似的结构，但使用<nav>可以为代码提供更好的清晰度和语义含义。语义正确的HTML有助于浏览器和其他工具理解内容的结构和目的，这对于可访问性和搜索引擎优化是有益的。
下面是一个如何将<nav>元素用于导航链接的示例：

<nav>
  <ul>
    <li class="head_divider">...</li>
    <li class="head_divider">Text<br />Here</li>
    <li class="head_divider">...</li>
  </ul>
</nav>

字符串
使用正确的语义元素可以让开发人员和工具更容易阅读和理解您的HTML，即使视觉结果可能看起来相同。
如果您的链接不代表导航，例如，只是相关项目的列表，您可能希望使用更通用的容器，如<div>。但是，如果这些链接在您的网站上具有导航目的，建议使用<nav>元素以获得更好的语义标记。