1. What are microformats?

    March 1st, 2006 W3C Technical Plenary Day

    Tantek Çelik Chief Technologist Technorati
  2. (cc) Creative Commons BY
  3. W3C Technical Plenary Agenda

  4. hCard markup example

    
     http://tantek.com/
     Tantek 
     Çelik
     Chief Technologist
     http://technorati.com
     Technorati
    
  5. hCard markup example

    
    <address > 
     <a href="http://tantek.com/">
     <span >Tantek</span> 
     <span >Çelik</span>
     </a>
     <span >Chief Technologist</span>
     <a href="http://technorati.com">
     Technorati</a>
    </address>
    
  6. hCard markup example

    
    <address class="vcard"> 
     <a class="url fn n" href="http://tantek.com/">
     <span class="given-name">Tantek</span> 
     <span class="family-name">Çelik</span>
     </a>
     <span class="title">Chief Technologist</span>
     <a class="org" href="http://technorati.com">
     Technorati</a>
    </address>
    
  7. hCard markup example

    
    <address class="vcard">
     <a class="url fn n" href="http://tantek.com/">
     <span class="given-name">Tantek</span> 
     <span class="family-name">Çelik</span>
     </a>
     <span class="title">Chief Technologist</span>
     <a class="org" href="http://technorati.com">
     Technorati</a>
    </address>
    
  8. Road to Microformats

    • 2000-2001

      • Broad CSS1 support

        • IE5/Mac, Moz, IE6/Win, Opera
      • web designers use more CSS

        • less presentational markup
        • <table> & <font>
        • float & font-family
        • Smaller documents
        • Some use of XHTML
    • 2002

      • web designers rediscover semantic (X)HTML

      • less <b>ed & <br>eakfast

        • <b>lunch</b>
          <br>
          mmm... cheese sandwich
          <br>
        • <h3>lunch</h3>
          <p>
          mmm... cheese sandwich
          </p>
      • Search engine relevance

      • Easier to style

      • Wired News redesign

    • 2003

      • CSS Zen Garden launched

      • Blogging tools adopt more semantic (X)HTML

      • fewer <a>norexic </a>nchors

        • <a name="post123"></a> ...
          <a href="#post123">#</a>
        • <div id="post123"> ...
          <a href="#post123" 
           rel="bookmark">#</a>
          </div>
      • Discoverable permalinks!

      • 'rel' attribute rediscovered

  9. Road to Microformats

    • 2003

      • CSS Zen Garden launched

      • Blogging tools adopt more semantic (X)HTML

      • fewer <a>norexic </a>nchors

        • <a name="post123"></a> ...
          <a href="#post123">#</a>
        • <div id="post123"> ...
          <a href="#post123" 
           rel="bookmark">#</a>
          </div>
      • Discoverable permalinks!

      • 'rel' attribute rediscovered

    • 2003 (continued)

    • 2004

  10. Microformats Principles

    • solve a specific problem
    • The trick.... is to make sure that each limited mechanical part of the Web, each application, is within itself composed of simple parts that will never get too powerful.

    • —Tim Berners-Lee, Weaving The Web
  11. Microformats Principles

    • solve a specific problem
    • simple as possible
      • evolutionary improvements
    • humans first, machines second
      • presentable and parsable
      • adapt to current behaviors
    • reuse from widely adopted standards
      • semantic (X)HTML, schemas from interoperable RFCs
    • ...if I had insisted everyone use HTTP, this would also have been against the principle of minimal constraint. ... the Web would come as a set of ideas that could be adopted individually in combination with existing or future parts.

    • ibid.
  12. Microformats Principles

    • solve a specific problem
    • simple as possible
      • evolutionary improvements
    • humans first, machines second
      • presentable and parsable
      • adapt to current behaviors
    • reuse from widely adopted standards
      • semantic (X)HTML, schemas from interoperable RFCs
    • modularity / embeddability
    • decentralized development, content, services
      • explicitly encourage "spirit of the Web"
  13. Microformats & Implementations

  14. Microformats Community

  15. Microformats Exercise for the Reader

  16. Colophon

AltStyle によって変換されたページ (->オリジナル) /