El micro formato h-entry
Este artículo tiene más de un año de antigüedad, el contenido pudiera estar obsoleto.
h-entry es un formato simple y abierto para contenido episódico o con marca de fecha en la web. h-entry se usa a menudo con contenido destinado a ser sindicado, p. ej. publicaciones de blog. h-entry es uno de varios estándares de microformato abiertos adecuados para incrustar datos en HTML.
Ejemplo de uso
1<article class="h-entry"> 2 <h1 class="p-name"> 3 Microformats are amazing 4 </h1> 5 <p> 6 Published by 7 <a class="p-author h-card" href="http://example.com"> 8 W. Developer 9 </a>10 on <time class="dt-published" datetime="2013-06-13 12:00:00">11 1312 <sup>th</sup>13 June 201314 </time>15 </p>16 <p class="p-summary">17 In which I extoll the virtues of using microformats.18 </p>19 <div class="e-content">20 <p>21 Blah blah blah22 </p>23 </div>24</article>Validar tu micro formato
Existen varios sitios webs para validar la correcta implementación de h-entry:
Retrocompatibilidad
Para obtener compatibilidad con versiones anteriores de implementaciones que consumen hAtom 0.1 heredado, se pueden usar nombres de clase (o valores rel) de hAtom 0.1 además de las propiedades de h-entry más preparadas para el futuro, por ejemplo:
1<article class="h-entry hentry"> 2 <h1 class="p-name entry-title"> 3 A Tale Of Two Tags 4 </h1> 5 <address class="p-author author h-card vcard"> 6 <a href="https://chandra.example.com/" class="u-url url p-name fn" rel="author"> 7 Chandra 8 </a> 9 </address>10 <time class="dt-published published" datetime="2012-06-20T08:34:46-07:00">11 June 20, 201212 </time>13 <div class="e-content entry-content">14 <p>15 It was the best of visible tags, it was the alternative invisible tags.16 </p>17 <p>18 The a tag is perhaps the best of HTML, yet its corresponding invisible link tag has uses too.19 </p>20 </div>21 <a href="/category/uncategorized/" rel="category tag" class="p-category">22 General23 </a>24</article>Se puede utilizar cualquier elemento HTML5 válido. Los elementos de tipo article h1 address time, se utilizan en el ejemplo como sugerencias semánticamente más ricas, sin embargo, en general, las etiquetas div / span también funciona bien. Sin embargo, el elemento datetime es especial en el sentido de que su atributo de fecha y hora proporciona una forma más sencilla para el autor / usuario de separar una fecha y hora de tipo ISO8601 legible por máquina a una que sea legible por humanos.
