anchor.diff:          p May be used where Flow Content is expected.
           ul
             li #[code html]
  -          li #[code body]    #[small.o-Textbox.c-Label.c-Label--info Sectioning Root    #[sup: a.Rf(rel="this" href="#fn-body")#rf-body 1]]
  -          li #[code section] #[small.o-Textbox.c-Label.c-Label--info Sectioning Content #[sup: a.Rf(rel="this" href="#fn-section")#rf-section 2]]
  -          li #[code article] #[small.o-Textbox.c-Label.c-Label--info Sectioning Content #[sup: a.Rf(rel="this" href="#fn-article")#rf-article 3]]
  -          li #[code aside]   #[small.o-Textbox.c-Label.c-Label--info Sectioning Content #[sup: a.Rf(rel="this" href="#fn-aside")#rf-aside 4]]
  -          li #[code nav]     #[small.o-Textbox.c-Label.c-Label--info Sectioning Content #[sup: a.Rf(rel="this" href="#fn-nav")#rf-nav 5]]
  +          li #[code body]    #[small.o-Textbox.c-Label.c-Label--info Sectioning Root    #[sup: +reference('body-sectioning-root')]]
  +          li #[code section] #[small.o-Textbox.c-Label.c-Label--info Sectioning Content #[sup: +reference('section-sectioning-content')]]
  +          li #[code article] #[small.o-Textbox.c-Label.c-Label--info Sectioning Content #[sup: +reference('article-sectioning-content')]]
  +          li #[code aside]   #[small.o-Textbox.c-Label.c-Label--info Sectioning Content #[sup: +reference('aside-sectioning-content')]]
  +          li #[code nav]     #[small.o-Textbox.c-Label.c-Label--info Sectioning Content #[sup: +reference('nav-sectioning-content')]]
             li #[code main]
             li #[code header]
             li #[code footer]
  -          li #[code h1]&ndash;#[code h6] #[small.o-Textbox.c-Label.c-Label--info Phrasing Content Model #[sup: a.Rf(rel="this" href="#fn-hn")#rf-hn 19]]
  -          li #[code address] #[sup: a.Rf(rel="this" href="#fn-address")#rf-address 22]
  +          li #[code h1]&ndash;#[code h6] #[small.o-Textbox.c-Label.c-Label--info Phrasing Content Model #[sup: +reference('hn-phrasing-content-model')]]
  +          li #[code address] #[sup: +reference('address')]
         section
           h2 Grouping Content
           p May be used where Flow Content is expected.
           ul
  -          li #[code hr] #[small.o-Textbox.c-Label.c-Label--info Nothing Content Model #[sup: a.Rf(rel="this" href="#fn-hr")#rf-hr 6]]
  +          li #[code hr] #[small.o-Textbox.c-Label.c-Label--info Nothing Content Model #[sup: +reference('hr-nothing-content-model')]]
             li #[code div]
           section
             h3 Paragraph-Like Content
             ul
  -            li #[code p] #[small.o-Textbox.c-Label.c-Label--info Phrasing Content Model #[sup: a.Rf(rel="this" href="#fn-p")#rf-p 20]]
  -            li #[code figure] #[small.o-Textbox.c-Label.c-Label--info Sectioning Root #[sup: a.Rf(rel="this" href="#fn-figure")#rf-figure 7]]
  +            li #[code p] #[small.o-Textbox.c-Label.c-Label--info Phrasing Content Model #[sup: +reference('p-phrasing-content-model')]]
  +            li #[code figure] #[small.o-Textbox.c-Label.c-Label--info Sectioning Root #[sup: +reference('figure-sectioning-root')]]
               li #[code figcaption]
  -            li #[code blockquote] #[small.o-Textbox.c-Label.c-Label--info Sectioning Root #[sup: a.Rf(rel="this" href="#fn-blockquote")#rf-blockquote 8]]
  -            li #[code pre] #[small.o-Textbox.c-Label.c-Label--info Phrasing Content Model #[sup: a.Rf(rel="this" href="#fn-pre")#rf-pre 21]]
  +            li #[code blockquote] #[small.o-Textbox.c-Label.c-Label--info Sectioning Root #[sup: +reference('blockquote-sectioning-root')]]
  +            li #[code pre] #[small.o-Textbox.c-Label.c-Label--info Phrasing Content Model #[sup: +reference('pre-phrasing-content-model')]]
           section
             h3 Lists
             ul
               li #[code ol]
               li #[code ul]
  -            li #[code li] #[sup: a.Rf(rel="this" href="#fn-li")#rf-li 9]
  +            li #[code li] #[sup: +reference('li')]
               li #[code dl]
  -            li #[code dt] #[sup: a.Rf(rel="this" href="#fn-dt")#rf-dt 23]
  -            li #[code dd] #[sup: a.Rf(rel="this" href="#fn-dd")#rf-dd 10]
  +            li #[code dt] #[sup: +reference('dt')]
  +            li #[code dd] #[sup: +reference('dd')]
           section
             h3 Tables
             ul
               li #[code table]
               li #[code caption]
               li #[code colgroup]
  -            li #[code col] #[small.o-Textbox.c-Label.c-Label--info Nothing Content Model #[sup: a.Rf(rel="this" href="#fn-col")#rf-col 11]]
  +            li #[code col] #[small.o-Textbox.c-Label.c-Label--info Nothing Content Model #[sup: +reference('col-nothing-content-model')]]
               li #[code tbody]
               li #[code thead]
               li #[code tfoot]
               li #[code tr]
  -            li #[code th] #[sup: a.Rf(rel="this" href="#fn-th")#rf-th 24]
  -            li #[code td] #[small.o-Textbox.c-Label.c-Label--info Sectioning Root #[sup: a.Rf(rel="this" href="#fn-td")#rf-td 12]]
  +            li #[code th] #[sup: +reference('th')]
  +            li #[code td] #[small.o-Textbox.c-Label.c-Label--info Sectioning Root #[sup: +reference('td-sectioning-root')]]
         section
           h2 Text-Level Semantics
           p.
             May be used where Phrasing Content is expected.
             All elements in this section have the Phrasing Content Model unless otherwise specified.
           ul
  -          li #[code a] &amp; #[code a[href]] #[small.o-Textbox.c-Label.c-Label--info Transparent Content Model #[sup: a.Rf(rel="this" href="#fn-a")#rf-a 15]]
  +          li #[code a] &amp; #[code a[href]] #[small.o-Textbox.c-Label.c-Label--info Transparent Content Model #[sup: +reference('a-transparent-content-model')]]
             li #[code span]
  -          li #[code br] #[small.o-Textbox.c-Label.c-Label--info Nothing Content Model #[sup: a.Rf(rel="this" href="#fn-br")#rf-br 13]]
  -          li #[code wbr] #[small.o-Textbox.c-Label.c-Label--info Nothing Content Model #[sup: a.Rf(rel="this" href="#fn-wbr")#rf-wbr 14]]
  +          li #[code br] #[small.o-Textbox.c-Label.c-Label--info Nothing Content Model #[sup: +reference('br-nothing-content-model')]]
  +          li #[code wbr] #[small.o-Textbox.c-Label.c-Label--info Nothing Content Model #[sup: +reference('wbr-nothing-content-model')]]
           section
             h3 Stressed Text
             ul
  
positive.code:             li #[code mark] &mdash; relevance in a certain context
              li #[code u] &mdash; annotations
              li #[code small] &mdash; side comments
              li #[code s] &mdash; inaccurate text #[small.o-Textbox.c-Label.c-Label--info Transparent Content Model #[sup: a.Rf(rel="this" href="#fn-s")#rf-s 16]]
          section
            h3 Documentation and Edits
            ul
              li #[code ins] #[small.o-Textbox.c-Label.c-Label--info Transparent Content Model #[sup: a.Rf(rel="this" href="#fn-ins")#rf-ins 17]]
              li #[code del] #[small.o-Textbox.c-Label.c-Label--info Transparent Content Model #[sup: a.Rf(rel="this" href="#fn-del")#rf-del 18]]
              li #[code dfn]
              li #[code b] &mdash; keyword
              li #[code var]
  
negative.code:     meta(name="viewport" content="width=device-width, initial-scale=1")
      link(rel="stylesheet" href="../../styles/chharvey.css")
    body.o-GoldenContainer
      - var refs = []
      mixin reference(id)
        - refs.push(id)
        a.Rf(id='rf-'+id href='#fn-'+id)= refs.indexOf(id)+1
      mixin footnote(id)
        a.Fn(id='fn-'+id href='#rf-'+id)= refs.indexOf(id)+1
      main.o-GoldenContainer__Content.c-Document(data-status="draft" itemscope="" itemtype="https://schema.org/Article")
        header
          h1(itemprop="name headline") Notes on HTML Elements
  