anchor.diff:      <p>RDFa Tutorial:</p>
           <p>Here we are going to show how <a href="/about">http://od4d.org/about</a> page was made using RDFa markup to describe semantic data.</p>
           <p>This is a piece of the raw html of "od4d.org/about" page, before making it semantic:</p>
  -        <p><pre><code class="language-markup">
  -            <%=h '<article>
  -                <h1>About the Project</h1>
  -                <section>
  -                    <p>
  -                        <video src="//player.vimeo.com/video/69632849"> </video>
  -                    </p>
  -                </section>
  -                <section>
  -                    <h2>Introduction</h2>
  -                    <p>Sharing governmental information in open, accessible...</p>
  -                </section>
  -            </article>
  -            .
  -            .
  -            .'%>
  -        </code></pre></p>
  +        <p>
  +            <pre><code class="language-markup"><%=h '<article>
  +    <h1>About the Project</h1>
  +    <section>
  +        <p>
  +            <video src="//player.vimeo.com/video/69632849"> </video>
  +        </p>
  +    </section>
  +    <section>
  +        <h2>Introduction</h2>
  +        <p>Sharing governmental information in open, accessible...</p>
  +    </section>
  +</article>
  +.
  +.
  +.'%></code></pre>
  +        </p>
       
           <p>Let's start making it semantic, we're going to start declaring our very first resource, using the attributes: <em>resource, vocab, typeof</em>.</p>
  -        <p><pre><code class="language-markup">
  -            <%=h '<article vocab="http://schema.org" resource="#about" typeof="Article">'%>
  -        </code></pre></p>
  - 
  +        <p>
  +            <pre><code class="language-markup"><%=h '<article vocab="http://schema.org" resource="#about" typeof="Article">'%></code></pre>
  +        </p>
           <p>
               The aditional attributes means the following:
               <ul>
  
positive.code: 
  <h2>RDFa:</h2>
      <p>Intro:</p>
          <p>RDFa is a extension markup for HTML, with this you can put semantic data in your HTML, be it static or dynamic, other web sites can reason about it without accessing your database. For instance, search engines use this information to display better search results, with better ranking, and more precise searches. Here is how it might appear for a semantic web site:</p>
          <p><a href="https://support.google.com/webmasters/answer/1408986?hl=en">https://support.google.com/webmasters/answer/1408986?hl=en</a></p>
      
  
  
negative.code: 
  <p>References:</p>
  <ul>
  <li><a href="http://www.w3.org/standards/semanticweb/">W3C Semantic Web Standards</a></li>
  <li><a href="http://rdfa.info/">RDFa Playground</a></li>
  <li><a href="https://support.google.com/webmasters/answer/146898?hl=en">Google RDFa Support</a></li>
  <li><a href="https://support.google.com/webmasters/answer/1408986?hl=en">Google Microdata Support</a></li>
  </article>
  