anchor.diff:  *Example*:
   
   ----
  -<blockquote class="epigraph">
  +<blockquote data-type="epigraph">
     <p>When in the course of human events...</p>
  -  <p class="attribution">U.S. Declaration of Independence</p>
  +  <p data-type="attribution">U.S. Declaration of Independence</p>
   </blockquote>
   ----
   
  
positive.code: *Example*:
  
  ----
  <pre class="programlisting">print "<em>Hello World</em>"</pre>
  ----
  
  ==== Ordered lists
  
negative.code: 
  *HTML element*: +<section>+
  
  *Attribute requirements*: +data-type="glossary"+
  
  *Content model*: First child must be +<h1>+ that contains glossary title; then zero or more +<h2>+ elements for subtitle content; then zero or more Block Elements; then zero or more Sect1 children (+<section data-type="sect1">+)
  
  *Best practices*: List of glossary terms should be marked up using +<dl>+ elements with a +data-type+ of "glossary", with +<dt>+ children with a +data-type+ of "glossterm" and +<dd>+ children with a +data-type+ of "glossdef". Term text should be wrapped in a https://developer.mozilla.org/en-US/docs/HTML/Element/dfn[++<dfn>++]. However, none of this is formally required by the spec.
  
  *Example*
  
  ----
  <section data-type="glossary">
    <h1>Glossary Title</h1>
    <dl data-type="glossary">
      <dt data-type="glossterm">
        <dfn>jQuery</dfn>
      </dt>
      <dd data-type="glossdef">
        Widely used JavaScript library
      </dd>
     </dl>
  