¿Qué son los microformatos en HTML y cómo funcionan?

Autor: | Última modificación: 2 de marzo de 2022 | Tiempo de Lectura: 2 minutos
Temas en este post:

 

HTML es el lenguaje de marcado más usado debido a que las diferentes herramientas y etiquetas que ofrece. En este post te explicaremos que son los microformatos en HTML y cómo funcionan para que aprendas a utilizarlos e implementarlos en tus proyectos.

Los microformatos en HTML son estándares utilizados para incrustar semántica y datos estructurados. Proporcionan una API para ser utilizada por aplicaciones web sociales, motores de búsqueda, agregadores y otras herramientas. Estos patrones mínimos de HTML, se utilizan para marcar entidades que van desde información fundamental hasta información específica del dominio ya sean personas, organizaciones, eventos y ubicaciones.

Para crear un objeto de microformatos, se utilizan nombres de clase h-* en el atributo de clase y para agregar una propiedad a un objeto, los nombres de clase p-, u-, dt-, e- se utilizan en uno de los descendientes del objeto.

Los microformatos en HTML usan vocabularios de apoyo para describir objetos y pares de nombre y valor para asignar diferentes datos a sus propiedades. Las propiedades se llevan en atributos de clase que se pueden agregar a cualquier elemento HTML, mientras que los valores de datos reutilizan el contenido y los atributos semánticos del elemento HTML.

Microformats2 (a veces denominado mf2) es una actualización de los microformatos que proporciona una forma más sencilla de anotar la sintaxis estructurada HTML, así como los vocabularios de los enfoques anteriores de uso de RDFa y microdatos. Dichos enfoques requieren aprender nuevos atributos.

¿Cómo funcionan los microformatos en HTML?

Cualquier autor de una página web puede agregar microformatos al HTML. Por ejemplo, si quisiera identificarse, podría usar una tarjeta h como:

<a class=»h-card» href=»https://alice.example.com»>Carlos Blogger</a>

Cuando un analizador encuentre estos datos, sabrá que la página contiene una «tarjeta» que describe a una persona u organización nombrada Carlos Blogger junto a una URL de https://alice.example.com/. El analizador hace que estos datos estén disponibles a través de API‘s qué se pueden usar para diferentes aplicaciones. Ejemplificando, una aplicación podría escanear una página en busca de una tarjeta h para usar como información de perfil para alguien que se haya registrado a un servicio.

Como en este ejemplo, algunos patrones de marcado requieren solo un único nombre de clase raíz de microformato, que los analizadores utilizan para encontrar algunas propiedades genéricas como name, url, photo.

Dicho esto, se puede concluir qué son los microformatos en HTML y cómo funcionan. De esta manera, podrás continuar aprendiendo todo lo que puede ofrecer HTML, y aún más importante, el mundo del desarrollo web.

¿Cómo dominar por completo HTML y más?

Ahora que sabes qué son los microformatos en HTML, pero lo tuyo no son mini tutoriales en Youtube KeepCoding tiene la solución con nuestro Bootcamp Full Stack en Desarrollo Web dominarás múltiples herramientas para desarrollar y así conseguir el trabajo de tus sueños. ¡Da un giro a tu vida profesional!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]