HTML5 Article Structure with hNews

<article class="hentry"> <header> <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> </p> </header> <div class="entry-content"> <p>...article text...</p> <p>...article text...</p> <figure> <img src="tammy-strobel.jpg" alt="Portrait of Tammy Strobel" /> <figcaption>Tammy Strobel in her pared-down, 400sq-ft apt.</figcaption> </figure> <p>...article text...</p> <p>...article text...</p> <aside> <h2>Share this Article</h2> <ul> <li>Facebook</li> <li>Twitter</li> <li>Etc</li> </ul> </aside> <div class="entry-content-asset"> <a href="photo-full.png"> <img src="photo.png" alt="The objects Tammy removed from her life after moving" /> </a> </div> <p>...article text...</p> <p>...article text...</p> <a class="entry-unrelated" href="http://fake.site/">Find Great Vacations</a> </div> <footer> <p> A version of this article appeared in print on August 8, 2010, on page BU1 of the New York edition. </p> <div class="source-org vcard copyright"> Copyright 2010 <span class="org fn">The New York Times Company</span> </div> </footer> </article>
We lean heavily on the work of the hNews microformat as well as the new elements provided within HTML5.

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.