Skip to content

Instantly share code, notes, and snippets.

@webketje
Last active August 29, 2015 14:03
Show Gist options
  • Save webketje/07ac9c18f9adc6112f22 to your computer and use it in GitHub Desktop.
Save webketje/07ac9c18f9adc6112f22 to your computer and use it in GitHub Desktop.
Blogpost on MicroData Steroids
<article itemtype="http://schema.org/BlogPosting" itemscope>
  <header>
    <a class="permalink" href="http://this-page.html" itemprop="url">
      <h1 itemprop="headline">Title</h1>
    </a>
    <h2 itemprop="alternativeHeadline">Subtitle</h2>
    <p> Posted on <time itemprop="datePublished" datetime="YY-MM-DD">D MMMM YYYY</time>. 
      <!-- if an edit has been made -->
      Last updated on <time itemprop="dateModified" datetime="YY-MM-DD">D MMMM YYYY</time>.
      <!-- if you want to specify the required reading time -->
      Read this in <time itemprop="timeRequired" datetime="YY-MM-DD">D MMMM YYYY</time>.
    </p>
    <p> By <span itemprop="author"> Authorname </span></p>
  </header>
  <section itemprop="articleBody">
    <header itemprop="articleSection">
      <img src="http://placehold.it/500x100" alt="post image" itemprop="image">
      <p class="lead" itemprop="description"></p>
    </header>
    <section itemprop="articleSection">
      <h2>Some article subtitle</h2>
      <p></p>
    </section>
    <section itemprop="articleSection">
      <h2>Some article subtitle</h2>
      <p></p>
    </section>
    <footer>
      <section class="references">
        <ul itemprop="mentions">
          <li><a href="http://somelink.html">Reference 1</a></li>
          <li><a href="http://somelinx.html">Reference 2</a></li>
        </ul>
      </section>
    </footer>
  </section>
  <footer>
    <section class="post-meta">
      <label>Categories:</label><p></p>
      <label>Tags:</label><p></p>
    </section>
    <section class="post-share">
    </section>
    <section class="comments">
      <ul>
        <li itemprop="comment" itemtype="http://schema.org/UserComments" itemscope>
          <time itemprop="commentTime" datetime="YY-MM-DD">D MMMM YYYY></time>
          <p itemprop="commentText">Hi, I'm just commenting</p>
        </li>
        <li itemprop="comment" itemtype="http://schema.org/UserComments" itemscope>
          <time itemprop="commentTime" datetime="YY-MM-DD">D MMMM YYYY></time>
          <p itemprop="commentText">Hi, I'm just commenting</p>
        </li>
      </ul>
    </section>
  </footer>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment