Skip to content

Instantly share code, notes, and snippets.

@apphp
Created June 4, 2017 18:59
Show Gist options
  • Save apphp/6fa005b63382f45883120ab44d86f760 to your computer and use it in GitHub Desktop.
Save apphp/6fa005b63382f45883120ab44d86f760 to your computer and use it in GitHub Desktop.
HTML5 Article Structure with News
// source: http://www.apphp.com/index.php?snippet=html-5-article-structure
<article class="entry">
<header>
<h1 class="entry-title">What you think about all this?</h1>
<time class="updated" datetime="2013-12-01 01:12:02-0300" pubdate>01-12-2013</time>
<p class="byline author vcard">
By <span class="fn">John Smith</span>
</p>
</header>
<div class="entry-content">
<p>...article text...</p>
<p>...article text...</p>
<figure>
<img src="tammy-strobel.jpg" alt="Avatar of Mirt Boum" />
<figcaption>Mirt Boum in hisr pared-down, 250sq-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 Mirt removed from his life after moving" />
</a>
</div>
<p>...article text...</p>
<p>...article text...</p>
<a class="entry-unrelated" href="http://fake.site.com/">Find Great Vacations</a>
</div>
<footer>
<p>
A version of this article appeared in print on December 1,
2013, on page BU1 of the New York edition.
</p>
<div class="source-org vcard copyright">
Copyright 2013 <span class="org fn">The New York Times Company</span>
</div>
</footer>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment