What is the difference between <nav> and <div>?

Question

Say I have a set of links, can I use <div>instead <nav>?

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

What is the difference between the two? they give the same format / answer for me

Answer 1

• <nav>designed for more semantic markup (letting the browser know) that these links are not just regular links, they are menu navigation. This can be useful for accessibility (tabs, mobile devices, browsers, such as screen readers for disabled users, can use this element to determine whether to omit the initial rendering of this content.) And other things.

  <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>

Answer 2

, , , .

Answer 3

I made an example of the full semantic markup of HTML a couple of years ago and posted it on github.

Take a look at the code 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>