Jump to: navigation, search

Introducción a los microformatos

Relacionado: prensa, presentaciones, podcasts, lecturas sugericas, testimonios


¿Qué son los microformatos?

Los microformatos son "diccionarios" dentro del contenido semántico XHTML. Se usan para codificar información en los contenidos HTML de forma que el contenido semántico pueda ser extraído por máquinas de forma sencilla. Dicho de otra forma, es la manera más sencilla de crear formatos para que puedan ser reusados en la web.

¿Por qué los microformatos?

¿Por qué comenzamos los microformatos?

Abreviando, los microformatos son la unión de una serie de tendencias:

  1. el siguiente paso lógico en la evolución del diseño web y la arquitectura de información
  2. una manera para los autoeditores de publicar jugosa información por sí mismos, sin depender de servicios centralizados
  3. un agradecimiento que los esfuerzos "tradicionales" de los metadatos habían fallado o llevado demasiado tiempo adoptarlos
  4. una manera de usar (X)HTML para datos.

In short, microformats are the convergence of a number of trends:

  1. a logical next step in the evolution of web design and information architecture
  2. a way for self-publishers to publish richer information themselves, without having to rely upon centralized services
  3. an acknowledgment that "traditional" metadata efforts have either failed or taken so long to garner any adoption, that a new approach was necessary
  4. a way to use (X)HTML for data.

Evolución del diseño web

En el principio(principios de los 90), estaba el HTML y era bueno. Era simple, pequeño y usado para marcar semánticamente los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.

Entonces llegó la guerra entre navegadores (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de presentación innovadoras, dandole al autor/diseñador típico de web lo que ellos querían: una ¿ilusión? de control sobre la presentación sobre sus páginas web. El resultado: HTML 3.2 "estandarizó" de facto estas innovaciones de presentación.

Then came the browser wars (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: HTML 3.2 "standardized" these defacto presentational innovations.

The introduction of CSS1 (1996) and the semantically richer HTML4 (1998) brought a glimmer of hope, but it wasn't until years later (2000-2001), with the introduction of fully compliant (or almost) implementations of CSS1/HTML4 (IE5/Mac, IE6/Windows, Netscape 6) that it became practical for web designers to depend on CSS in their web pages. Leaders in the community began to furiously adopt and promote CSS (even if it took a hack or two) and the efficiencies and enhanced productivity that separating presentation from markup brought them, yet remained a small vocal minority.

The introduction of the Wired News redesign in 100% CSS, and the beautiful CSS Zen Garden (2002-2003) was CSS's tipping point. With the clear and obvious presentation of visual beauty and broad creativity, designers world-wide "got it" and realized that this was the future of web design. The presentational markup of <FONT>, <TABLE>, and spacer.gif were tossed aside by any and all self-respecting web designers, who discovered the near infinite flexibility of <div>, <span>, and the 'class' attribute. A few in the community even began adopting some of the more semantic elements in HTML: <p>, <h1>...<h6>, <ol>, <ul>, <li>, <em>, <strong>. Leaders in the community exercised the semantic limits of strict HTML4 (experimented with XHTML) and documented best practices.

As the community followed rapidly in the footpaths they had worn, the leaders began to run into the limits of semantic (X)HTML. Other subcultures were attempting to rewrite the world in their own language(s) (RDF, "plain" XML, SVG), yet not having much of an impact on the World Wide Web, which required human presentable data, compatible with the browsers people already used. Social Software and Blogs, written by this new generation of web designers and programmers, began to take off.

Natural patterns emerged from the way people used blogging systems, putting things into lists, for example lists of other bloggers (known as blogrolls), and annotating them with information representing relationships such has having met, friends, family, etc. The first microformat, XFN, was designed to match these behaviors, and introduced to the blogging community (2003-2004), who adopted it within weeks. The GMPG was formed as a home for XFN, and documented a few key design principles later adopted for microformats. The key notion, that semantic (X)HTML could be extended, had been introduced and accepted by the community.

By understanding, using, and combining semantic (X)HTML building blocks, as well as determining that semantic (X)HTML could be validly extended via new rel, meta name, and class values, defined in (X)HTML profiles in the XMDP format, the community began to design and develop many more microformats (2004-2005). More patterns emerged from the blogging community, and each aggregate human behavior drove the design of simple, adaptive microformats to meet its needs. Creative Commons licensing became popular and rel-license was proposed. Outlines and lists: XOXO. Contact info: hCard. Calendars and events hCalendar.

Using these new found building blocks, the web design and information architecture communities were no longer limited by the predefined semantics of HTML4 (nor did they have to compromise human presentation and ease of authoring which other attempts sorely lacked). 2005 may well be the year that microformats became the next step in the evolution of the web.

Buscando la simplicidad

Páginas relacionadas



These are various intro-related links/articles which I haven't figured out yet how to incorporate. You may find them of interest. - Tantek

introduction-es was last modified: Wednesday, April 11th, 2012