title: Correct microdata markup for breadcrumbs
body: <p>On researching how to do microdata for webpage breadcrumbs, I've found a couple of methods and I'm not sure which is correct. Firstly, my basic breadcrumbs in the HTML look like this:</p>
  
  <pre><code>&lt;div&gt;
    &lt;a href="/"&gt;Root page&lt;/a&gt;
    &lt;a href="/category"&gt;Category page&lt;/a&gt;
    &lt;a href="/category/this-page"&gt;This page&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, do I structure it like this (as I've seen in an <a href="https://schema.org/BreadcrumbList" rel="noreferrer">example on SchemaOrg</a>:</p>
  
  <pre><code>&lt;ol itemscope itemtype="http://schema.org/BreadcrumbList"&gt;
    &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"&gt;
      &lt;a href="/" itemprop="item"&gt;
        &lt;span itemprop="name"&gt;Root page&lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"&gt;
      &lt;a href="/category" itemprop="item"&gt;
        &lt;span itemprop="name"&gt;Category page&lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"&gt;
      &lt;a href="/category/this-page" itemprop="item"&gt;
        &lt;span itemprop="name"&gt;This page&lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>Or do I structure it like the below as I've seen in some Stackoverflow answers:</p>
  
  <pre><code>&lt;div&gt;
    &lt;span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"&gt;
      &lt;a href="/" itemprop="url"&gt;
        &lt;span itemprop="title"&gt;Root page&lt;/span&gt;
      &lt;/a&gt;
    &lt;/span&gt;
    &lt;span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"&gt;
      &lt;a href="/category" itemprop="url"&gt;
        &lt;span itemprop="title"&gt;Category page&lt;/span&gt;
      &lt;/a&gt;
    &lt;/span&gt;
    &lt;span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"&gt;
      &lt;a href="/category/this-page" itemprop="url"&gt;
        &lt;span itemprop="title"&gt;This page&lt;/span&gt;
      &lt;/a&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Or a different method I don't know about yet??</p>