Skip to content

Instantly share code, notes, and snippets.

@alexsc6955

alexsc6955/article.html

Created March 15, 2017 01:43
Show Gist options
  • Save alexsc6955/abf2dc2e87b181897f7278dc495947ce to your computer and use it in GitHub Desktop.
Save alexsc6955/abf2dc2e87b181897f7278dc495947ce to your computer and use it in GitHub Desktop.
Download ZIP
HTML5 article estructure. Example
Raw
article.html
<article class="post">
<header>
<h1 class="post-title">But Will It Make You Happy?</h1>
<time class="post-updated" datetime="2017-03-14 21:36:03-0400" pubdate>03-14-2017</time>
<p class="post-author">
By <span class="fn">Santiago Rincón</span>
</p>
</header>
<div class="post-content">
<p>...Texto del post...</p>
<p>...Texto del post...</p>
<figure class="post-thumbnail">
<img src="imge.jpg" alt="Imagen" />
<figcaption>Una Imagen</figcaption>
</figure>
<p>...Texto del postt...</p>
<p>...Texto del post...</p>
<aside>
<h2>Comparte este post</h2>
<ul>
<li>Facebook</li>
<li>Twitter</li>
<li>Etc</li>
</ul>
</aside>
<div class="post-content-asset">
<a href="photo.png">
<img src="photo.png" alt="Una foto" />
</a>
</div>
<p>...Texto del post...</p>
<p>...Texto del post...</p>
<a class="post-unrelated" href="http://no-se.site/">Enlace no relacionado</a>
</div>
<footer>
<p>
Cualquier verga.
</p>
<div class="post-copyright">
Copyright 2017 <span class="org">Empresa</span>
</div>
</footer>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment