HTML5 Article Structure with News

This example is a full HTML5 article structure. Just copy/paste it into your page to check.

[View All Snippets]
Show Plain Text »
  1. <article class="entry">
  2.    <header>
  3.       <h1 class="entry-title">What you think about all this?</h1>
  4.       <time class="updated" datetime="2013-12-01 01:12:02-0300" pubdate>01-12-2013</time>
  5.       <p class="byline author vcard">
  6.          By <span class="fn">John Smith</span>
  7.       </p>
  8.    </header>
  9.  
  10.    <div class="entry-content">
  11.       <p>...article text...</p>
  12.       <p>...article text...</p>
  13.  
  14.       <figure>
  15.         <img src="tammy-strobel.jpg" alt="Avatar of Mirt Boum" />
  16.         <figcaption>Mirt Boum in hisr pared-down, 250sq-ft apt.</figcaption>
  17.       </figure>
  18.  
  19.       <p>...article text...</p>
  20.       <p>...article text...</p>
  21.  
  22.       <aside>
  23.         <h2>Share this Article</h2>
  24.         <ul>
  25.           <li>Facebook</li>
  26.           <li>Twitter</li>
  27.           <li>Etc</li>
  28.         </ul>
  29.       </aside>
  30.  
  31.       <div class="entry-content-asset">
  32.         <a href="photo-full.png">
  33.           <img src="photo.png" alt="The objects Mirt removed from his life after moving" />
  34.         </a>
  35.       </div>
  36.  
  37.       <p>...article text...</p>
  38.       <p>...article text...</p>
  39.  
  40.       <a class="entry-unrelated" href="http://fake.site.com/">Find Great Vacations</a>
  41.   </div>
  42.  
  43.   <footer>
  44.     <p>
  45.       A version of this article appeared in print on December 1,
  46.       2013, on page BU1 of the New York edition.
  47.     </p>
  48.     <div class="source-org vcard copyright">
  49.       Copyright 2013 <span class="org fn">The New York Times Company</span>
  50.     </div>
  51.   </footer>
  52. </article>
Create Your Free Account
Please remember that this information is essential to use our services correctly.
After creating the account you will be able to download all of our FREE products.
Fields marked with * are mandatory






Please send me information about updates, new products, specials and discounts from ApPHP!
We recommend that your password should be at least 6 characters long and should be different from your username/email. Please use only letters of the English alphabet to enter your name.

Your e-mail address must be valid. We use e-mail for communication purposes (order notifications, etc). Therefore, it is essential to provide a valid e-mail address to be able to use our services correctly.

All your private data is confidential. We will never sell, exchange or market it in any way. Please refer to Privacy Policy.

By clicking "Create Account", you are indicating that you have read and agree to the ApPHP Terms & Conditions.

Quick Registration with: Facebook / Google