nav with schema

navigation.html

{% load site %}

<nav class="nav-Items" itemscope itemtype="http://www.schema.org/SiteNavigationElement">
  {% for entry in navigation %}
    <div class="nav-Item{% if entry.children %} nav-Item-hasDropdown{% endif %}" aria-current="{% if entry.here %}true{% else %}false{% endif %}">
      <a class="nav-Action" href="{% if entry.page.content.link_url %}{{ entry.page.content.link_url }}{% else %}{{ entry.url }}{% endif %}" {% if entry.page.content.nofollow %}rel="nofollow"{% endif %} {% if entry.page.content.new_window %}target="_blank"{% endif %} itemprop="url">
        <span itemprop="name">{{ entry.page }}</span>

        {% if entry.children %}
          <span class="nav-DropdownIndicator"></span>
        {% endif %}
      </a>

      {% if entry.children %}
        <nav class="nav-Dropdown">
          <div class="nav-Dropdown_Arrow"></div>

          {% for sub_entry in entry.children %}
            <div class="nav-Dropdown_Item{% if sub_entry.children %} nav-Dropdown_Item-hasDropdown{% endif %}">
              <a class="nav-Dropdown_Action" href="{% if sub_entry.page.content.link_url %}{{ sub_entry.page.content.link_url }}{% else %}{{ sub_entry.url }}{% endif %}" {% if sub_entry.page.content.nofollow %}rel="nofollow"{% endif %} {% if sub_entry.page.content.new_window %}target="_blank"{% endif %} itemprop="url">
                <span itemprop="name">{{ sub_entry.title }}</span>
              </a>

              {% if sub_entry.children %}
                <nav class="nav-Dropdown2">
                  {% for sub_entry_child in sub_entry.children %}
                    <div class="nav-Dropdown2_Item">
                      <a class="nav-Dropdown2_Action" href="{% if sub_entry_child.page.content.link_url %}{{ sub_entry_child.page.content.link_url }}{% else %}{{ sub_entry_child.url }}{% endif %}" itemprop="url">
                        <span itemprop="name">{{ sub_entry_child.title }}</span>
                      </a>
                    </div>
                  {% endfor %}
                </nav>
              {% endif %}
            </div>
          {% endfor %}
        </nav>
      {% endif %}
    </div>
  {% endfor %}
</nav>