Infovark Underground

  • news
    • infoblog
    • underground
  • product
  • download
  • buy
  • support
  • about
  • microformats

    • Microformats Introduction

      03 Feb 2009 by Dean / No Comments

      I’m on record as being skeptical of the semantic web. Or rather, I’m skeptical of much of the marketing hype around the semantic web. That’s not to say that semantic technologies won’t be useful.

      I still believe that both Resource Description Framework (RDF) and the Web Ontology Language (OWL) are too complicated to gain widespread adoption. But maybe we don’t need their academic rigor. Microformats offer a way to get some of the benefits of the semantic web using plain ol’ HTML.

      What are microformats? How do they work? Emily Lewis wrote a great series of blog posts introducing microformats. You can also go direct to the source, the microformats homepage, at microformats.org.

      An example

      Here’s an example of our company address in hCard format.

      Infovark

      Infovark, Inc.

      info@infovark.com

      10104 Bushman Dr.

      Oakton, VA, 22124
      USA

      800-833-9796

      The address above is marked up in such a way that (some) web browsers can identify it as a street address. But it’s nothing more than ordinary HTML. Here’s what the code looks like:

      1. <div id="infovark_vcard" class="vcard">
      2.  <a class="url fn n" href="http://www.infovark.com">  <span class="given-name">Infovark</span>
      3.   <span class="additional-name"></span>
      4.   <span class="family-name"></span>
      5. </a>
      6.  <div class="org">Infovark</div>
      7.  <a class="email" href="mailto:info@infovark.com">info@infovark.com</a>
      8.  <div class="adr">
      9.   <div class="street-address">10104 Bushman Dr.</div>
      10.   <span class="locality">Oakton</span>,
      11.   <span class="region">VA</span>,
      12.   <span class="postal-code">22124</span>
      13.   <span class="country-name">USA</span>
      14.  </div>
      15.  <div class="tel">800-833-9796</div>
      16. </div>

      It’s simple enough that it just might deliver where RDF and OWL fail, becoming part of every web developer’s toolkit.

      Get started

      You can experiment by creating your own hCards using the hCard creator.

      And if you’re using Mozilla Firefox, you can download the Operator add-in to see — and use — microformatted data embedded in ordinary web pages.

      Hat tip: Ajaxian for Getting Semantic with Mircoformats

      Continue Reading

    • Categories

      • .NET (41)
      • AJAX (3)
      • Books (7)
      • HTML (9)
      • Infovark (8)
      • Programming (48)
      • REST (11)
      • SQL (3)
      • Testing (3)
      • Tools (13)
      • UI (3)
      • WCF (11)
      • Web Services (8)
      • WPF (4)
      • XML (4)
    • Archives

    • Get future articles


       

    • Blogroll

      • Ajaxian
      • Anne Van Kesteren
      • Brain.Save()
      • Coding Horror
      • Eric Sink
      • Joel Spolsky
      • John Resig
      • Mark Pilgrim
      • Raymond Chen
      • Scott Hansleman
      • Secret Geek
      • Steve Yegge
      • The Daily WTF
      • The Database Programmer
    • Meta

      • Log in
      • Entries RSS
      • Comments RSS
      • WordPress.org
  • Site map

    • News
    • Product
    • Download
    • Buy
    • Support
    • About
  • Recent Posts

    • Review: Brownfield Application Development in .NET
    • Using Modal Dialogs with a Splash Screen in WPF
    • Highlighting query terms in a WPF TextBlock
    • Getting XAML Hyperlink text to wrap
    • How to format the XAML Hyperlink NavigateUri
  • Twitter

    Copyright 2011 Infovark, Inc. All rights reserved.