hCard

hCard

hCard es un microformato destinado a marcar los datos de cualquier persona o entidad añadiendo un contenido semántico a los mismos y permitiendo de esta forma que tanto máquinas como personas puedan procesarlos y entenderlos.

Está basado en el estándar vCard y mantiene las mismas propiedades utilizando código XHTML.[1]

Contenido

Ejemplos

El siguiente ejemplo es lo que tendríamos en código XHTML sin marcado semántico con hCard, como podemos ver una persona lo entendería perfectamente pero no una máquina, que simplemente podría procesarlo:

<p>
        <strong>Guillermo García</strong><br />
        Calle falsa, 1<br />
        una ciudad, un país<br />
        989-99-99-99
</p>
Resultado

Guillermo García
Calle falsa, 1
una ciudad, un país
989-99-99-99

Aplicando microformatos

El siguiente ejemplo aplicaría el microformato, como se observa para el humano el resultado es idéntico pero una máquina ahora si podría comprender la información que está procesando.

<div class="vcard">
        <strong class="fn n">
                <span class="given-name">Guillermo</span> <span class="additional-name">García</span>
        </strong><br />
        <p class="adr">
                <span class="street-address">Calle falsa 1</span><br />
                <span class="locality">una ciudad</span>, <span class="country-name">un país</span>
        </p>
        <p class="tel">989-99-99-99</p>
</div>
Resultado
Guillermo García

Calle falsa 1
una ciudad, un país

989-99-99-99

Aplicando microformatos y elementos semánticamente

Por último, esta sería una versión más semántica aún ya que utiliza elementos con sentido, con significado, como lo sería una lista de propiedades del contacto:[2]

<ul class="vcard">
        <li class="fn n">
                <strong class="given-name">Guillermo</strong>
                <strong class="additional-name">García</strong>
        </li>
        <li class="adr">
                <span class="street-address">Calle falsa 1</span><br />
                <span class="locality">una ciudad</span>, 
                <abbr class="region" title="Una región">UR</abbr>, 
                <span class="postal-code">94301</span>, 
                <abbr class="country-name" title="Un país">UP</abbr>
        </li>
        <li class="tel"><strong class="type" title="Teléfono del trabajo">Work</strong>: <span class="value">989-99-99-99</span></li>
</ul>
Resultado
  • Guillermo García
  • Calle falsa 1
    una ciudad, UR, 94301, UP
  • Work: 989-99-99-99

Más semántico aún

O incluso con más sentido aún usando una lista de definiciones, en este caso definiciones de los atributos del contacto,[3] aunque en el caso de una dirección el elemento más semántico sería <address>[2]
Vamos a usar a Wikimedia Foundation Inc. como ejemplo:

<dl class="vcard">
        <dt class="fn n org"><strong>Wikimedia Foundation Inc.</strong></dt>
        <dd><address class="adr">
                <span class="street-address">149 New Montgomery Street</span>, (3.ª planta)<br />
                <span class="locality">San Francisco</span>, 
                <abbr class="region" title="California">CA</abbr>, 
                <span class="postal-code">94301</span>, 
                <abbr class="country-name" title="Estados Unidos">E.E.U.U.</abbr></address>
 
                <dl>
                        <dt class="tel type" title="Teléfono del trabajo">Work</dt> <dd class="tel value">+1-415-839-6885</dd>
                        <dt class="email type" title="Correo electrónico del trabajo">Work</dt> <dd class="email">info@wikimedia.org</dd>
 
                        <!-- Si añadimos Geodatos extra quedaría así: -->
                        <dt>Ubicación:</dt>
                        <dd class="geo">
                                <ul class="geo">
                                <li class="latitude" title="37.786928"><abbr title="Norte">N</abbr> 37° 47.216</abbr></li>
                                <li class="longitude" title="-122.399647"><abbr title="Oeste">W</abbr> 122° 23.979</li>
                                </ul>
                        </dd>
                </dl>
        </dd>
</dl>
Resultado
Wikimedia Foundation Inc.

149 New Montgomery Street, (3.ª planta)
San Francisco, CA, 94301, E.E.U.U.

Work
+1-415-839-6885
Ubicación:
  • N 37° 47.216
  • W 122° 23.979

Conclusión

Si usas un navegador web como Google Chrome (o Chromium) o Firefox junto a algún plugin para microformatos, podrás comprobar, dependiendo del plugin, que están disponibles las tarjetas de contacto automáticamente con solo acceder a esta página.
Por lo tanto, los microformatos han permitido que una máquina (el ordenador con el software del navegador) pueda entender dichos datos y procesarlos para un uso determinado; en este caso la obtención de una tarjeta de contacto.

Referencias y notas

  1. ↑ Çelik, Tantek; Cederholm, Dan, et ál. (27 de febrero de 2011 -actualizado-). «hCard 1.0 · Microformats Wiki» (en inglés). Microformats.org. microformats.org. Consultado el 11 de marzo de 2011.
  2. ↑ a b Çelik, Tantek; Cederholm, Dan, et ál. (9 de noviembre de 2010 -actualizado-). «hCard examples · Microformats Wiki» (en inglés). Microformats.org. microformats.org. Consultado el 11 de marzo de 2011.
  3. ↑ Çelik, Tantek; Cederholm, Dan, et ál. (6 de marzo de 2011 -actualizado-). «hCard examples in the wild · Microformats Wiki» (en inglés). Microformats.org. microformats.org. Consultado el 11 de marzo de 2011.

Enlaces externos

  • Microformats.org, sitio web de los Microformatos por Tantek Celik y Dan Cederholm entre otros.

Wikimedia foundation. 2010.

Игры ⚽ Нужна курсовая?

Mira otros diccionarios:

  • HCard — (short for HTML vCard ) is a microformat for publishing the contact details of people, companies, organizations, and places, in (X)HTML, Atom, RSS, or arbitrary XML. hCard does this using a 1:1 representation of vCard (RFC 2426) properties and… …   Wikipedia

  • Hcard — est un microformat pour publier les détails de contact des personnes, organisations et lieux, en (X)HTML, Atom, RSS, ou XML. hCard est une représentation conforme du standard vCard (RFC 2426). Il permet aux outils de parsage (par exemple à d… …   Wikipédia en Français

  • HCard — est un microformat pour publier les détails de contact des personnes, organisations et lieux, en (X)HTML, Atom, RSS, ou XML. hCard est une représentation conforme du standard vCard (RFC 2426). Il permet aux outils de parsage (par exemple à d… …   Wikipédia en Français

  • HCard — (сокращение для HTML vCard) микроформат для публикации контактной информации людей, компаний, организаций и мест в (X)HTML, Atom, RSS или произвольном XML. hCard является представлением 1 в 1 параметров и значений формата vCard (RFC 2426).… …   Википедия

  • hCard — (сокращение для HTML vCard) микроформат для публикации контактной информации людей, компаний, организаций и мест в (X)HTML, Atom, RSS или произвольном XML. hCard является представлением один к одному параметров и значений формата vCard (RFC 2426) …   Википедия

  • HCard — Saltar a navegación, búsqueda hCard es un microformato destinado a marcar los datos de cualquier persona o entidad añadiendo un contenido semántico a los mismos y permitiendo de esta forma que tanto máquinas como personas puedan procesarlos y… …   Wikipedia Español

  • Microformat — For the photographic miniaturization of documents, see Microform. For details of microformats used on Wikipedia, see Wikipedia:Microformats. A microformat (sometimes abbreviated μF) is a web based approach to semantic markup which seeks to re use …   Wikipedia

  • VCard — Infobox file format name = vCard icon = extension = .vcf, .vcard mime = text/x vcard text/directory;profile=vCard text/directory type code = vCrd uniform type = public.vcard owner = Internet Mail Consortium genre = electronic business card… …   Wikipedia

  • Microformato — Un microformato (a veces abreviado con μF o uF) es una forma simple de agregar significado semántico a un contenido legible por un humano mientras que para una máquina puede ser sólo texto plano. Según el W3C, son conjuntos de formatos de datos… …   Wikipedia Español

  • Micro-format — Microformat Un microformat (parfois abrégé sous μF ou uF) est une approche de formatage de données basé sur le web[1] qui cherche à réutiliser le contenu existant comme les métadonnées, en n utilisant que des classes[2] et attributs[3] XHTML et… …   Wikipédia en Français

Compartir el artículo y extractos

Link directo
… Do a right-click on the link above
and select “Copy Link”