El micro formato h-entry

Angel Cruz
Angel Cruz

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.

microformats
microformats

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 13
12 <sup>th</sup>
13 June 2013
14 </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 blah
22 </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, 2012
12 </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 General
23 </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.

Te podrá interesar
Cursor anunció un ajuste en sus precios a partir del 15 de septiembre de 2025. Descubre cómo afectará a los usuarios, por qué ocurre este cambio y qué alternativas existen.
GitHub no cierra, pero ya no será lo mismo. Con la salida de Thomas Dohmke como CEO y la decisión de Microsoft de no reemplazarlo, la plataforma dejará de operar como entidad independiente y pasará a formar parte del equipo CoreAI, liderado por Jay Parikh.
Aprende cómo crear reglas personalizadas en Cursor IDE paso a paso. Incluye ejemplos, mejores prácticas y un generador de reglas online para facilitar el proceso.
Logo de Angel Cruz

Made with ♥️ & 🧉 in Montevideo, Uruguay Buenos Aires, Argentina.

[AC].dev is not affiliated with Laravel or Laravel LLC. Laravel is a Trademark of Taylor Otwell.

Code highlighting provided by Torchlight.