anchor.diff:                function fibonacci(n) {
                   if (n === 0 || n === 1) return 1; <small>// these are the base cases</small>
                   else if (n > 1)         return fibonacci(n-1) + fibonacci(n-2);
  -                <strong>else                    return NaN;</strong> <small>// a <code>strong</code> denotes importance here,
  +                #[strong else                    return NaN;] <small>// a #[code strong] denotes importance here,
                                                       // which highlights the case of inputting
                                                       // a negative number</small>
                 }
                 <small>/* Comment punctuation (<code>/*</code>, <code>*/</code>, and <code>//</code>) is not included; must type manually. */</small>
  -              <small>/* <strong>This is an IMPORTANT comment!!!</strong> It is <code>small &gt; strong</code>, not the other way around &hellip; */</small>
  +              <small>/* #[strong This is an IMPORTANT comment!!!] It is #[code small &gt; strong], not the other way around &hellip; */</small>
                 <strong><small>/* &hellip; otherwise, it would look like this, which, ick. */</small></strong>
  -              </pre>
  -                    <pre>
  +            pre.
                 &lt;tag atr=&quot;val val&quot;&gt;contents&lt;tag&gt;
  -              <small>&lt;!-- this is an HTML comment --&gt;</small>
  +              #[small &lt;!-- this is an HTML comment --&gt;]
               pre.
                 sel {
                   prp: val;
  
positive.code:               Mauris eget mauris ut mauris auctor mattis id vel justo.
                Nulla dictum arcu nec suscipit mollis.
                Maecenas a iaculis nisl, ut pretium est. Nulla facilisi.
              figure This is a <code>figure</code>. An image, diagram, or table might appear here.
                figcaption.
                  <strong>This is a <code>figcaption &gt; strong</code>.</strong>
                  It usually contains the <code>figure</code>&rsquo;s title
                  (<i lang="la"><abbr title="exampli gratia">e.g.</abbr></i>, <i>Figure&nbsp;1</i>).
                  This is the rest of the <code>figure &gt; figcaption:last-child</code>.
              blockquote
                p.
                  This is a generic <code>blockquote</code>. Use this for material that is more than 40 words
                  and/or contains paragraph breaks.
                p.
                  Nest <code>p</code> Elements inside the block quotation that correspond directly
                  to the paragraphs of the quoted material. If there are no paragraphs in the quoted material,
                  do not use <code>p</code> Elements&mdash;just simply contain the text inside the
                  <code>blockquote</code>.
                p.
                  To cite the source of the quoted material in this block quote,
                  include a <code>footer &gt; cite</code> Element.
                footer <cite>Source, <time>2000</time></cite>
              pre.
                The <code>pre</code> Element, by itself (<em>without</em> a child <code>code</code> Element),
                are used for blocks of computer code on this site.
              pre.
                function fibonacci(n) {
  
negative.code:         p.
            The primary method of marking up text-level semantics should be
            traditional punctuation. After that, use HTML Elements.
            #[a(href="../../blog/semantic-punctuation.html") Read more on using traditional punctuation to indicate text-level semantics.]
          section#links
            h3 Hyperlinks
            ul
  