HTML5 Article Structure with hNews

Submitted by:Tom Hanks

Date added:16 February, 2011


HTML5 Article Structure with hNews

Tags: article structure , html article , html news article

Code Snippet:

<article class="hentry">
<h1 class="entry-title">But Will It Make You Happy?</h1>
<time class="updated" datetime="2010-08-07 11:11:03-0400" pubdate>08-07-2010</time>
<p class="byline author vcard">
By <span class="fn">Stephanie Rosenbloom</span>

<div class="entry-content">
<p>...article text...</p>
<p>...article text...</p>

<img src="tammy-strobel.jpg" alt="Portrait of Tammy Strobel" />
<figcaption>Tammy Strobel in her pared-down, 400sq-ft apt.</figcaption>

<p>...article text...</p>
<p>...article text...</p>

<h2>Share this Article</h2>

<div class="entry-content-asset">
<a href="photo-full.png">
<img src="photo.png" alt="The objects Tammy removed from her life after moving" />

<p>...article text...</p>
<p>...article text...</p>

<a class="entry-unrelated" href="">Find Great Vacations</a>

A version of this article appeared in print on August 8,
2010, on page BU1 of the New York edition.
<div class="source-org vcard copyright">
Copyright 2010 <span class="org fn">The New York Times Company</span>