在這一部分中，我將講述反映個人信息的microformats:hCard。這是一個較前幾部分的內容都復雜很多的microformats。
hCard就像是我們生活中的名片一樣，反映了我們每個人的個人信息，它能夠包含姓名、出生日期、工作單位、地址、電話、電子郵件和個人網站等許多信息，如果你已經閱讀了這套教程的前幾部分，那麼你肯定能夠猜到hCard所要做的僅僅是將這些個人信息的標記代碼標准化，從而使不同的系統能夠從網頁上讀取這些信息。
在了解如何創建hCard之前，我想先說一下microformats是在一系列的原則之下產生的。這些原則非常重要，如果我們哪一天自己創建microformats，那麼就必須遵循這些設計原則，這些原則也是保證我們能夠創造出高效率的microformats的必要條件。它們是：
解決一個特定的問題
盡可能簡單易用
首先是給人閱讀，其次機器亦能讀取
是可以嵌入的一個組件
盡量使用已有標准
hCard解決了一個個人信息的問題，它很簡單，無非是一些web內容和 Html ，其中的web內容是給人閱讀的，隨後機器亦能讀取格式化的hCard，hCard作為一個有固定模式的組件能夠嵌入在任何網頁中，並且hCard來自另一個標准vCard。接下來就讓我們看看如何標記個人信息hCard。通常我們標記個人信息時都會將它放在一個 div 區域中，然後給它添加 class 屬性以便添加 CSS 。在hCard中我們也將通過添加 class 屬性來標記hCard。由於 class 屬性經常被用於標記某一類microformats，所以我們稱這一種常見的模式為class design pattern。而我們創建的復雜的microformats通常會有子元素，而相對於子元素來說的最外層的元素稱為root element。hCard中的典型root element是：
<div class="vcard"></div>
注意， 以上 class 的值是vcard，而不是hcard 。以上代碼的關鍵點在於，microformats對於你使用何種元素標記它並沒有強行的規定，所以 div 並不是必要的，也可以是 p 。microformats的靈活性所在就是你可以使用任何你覺得符合語意的元素，但關鍵是要添加上 class="vcard" 。
以上代碼並不能構成一個合法的hCard，hCard規定，一個合法的hCard至少要包含一個人的姓名。而個人姓名在hCard中使用 class="fn" 標記。
<div class="vcard">
<span class="fn">Lunatic Sun</span>
</div>
以下表格提供了其他一些常用的信息，但是 必要的信息 只有 class="fn" 。
常用hCard個人信息參考 語意 Html 個人網站 class="url" 出生日期 class="bday" title="19830420" 個人照片 class="photo" 工作單位 class="org" 頭銜 class="title" 職務 class="role" 電話號碼 class="tel" 電子郵件 class="email"
和Html中 class 屬性一樣，我們可以在 class 中同時指定兩個值，只要當前元素能夠同時表示兩個信息。如：
<a href="http://www.lunaticsun.com" class="fn url">Lunatic Sun</a>
另外，hCard中還有一個非常重要的地址信息 class="adr" ，它的用法與hCard很相似，能夠包含一系列子元素。
常用adr地址信息參考 語意 Html 具體地址 class="extended-address" 路牌信息 class="street-address" 城市 class="locality" 郵編 class="postal-code" 國家 class="country-name"
以上地址信息的范圍是由小到大的。並且整個 adr microformats可以嵌入到hCard之中。
<div class="vcard">
....
<div class="adr">
....
</div>
....
</div>
目前，hCard已經得到了廣泛的應用，如果你在Firefox上安裝了 Operator ，那麼你就可以直接將頁面上的個人信息導出為 .vcf 文件，並且直接導入你的聯系人管理軟件，如Microsoft Outlook。Operator還能夠將hCard直接導入Yahoo通訊錄，特別方便，這樣你就不用手動輸入你朋友們的信息了。對於當今的Web 2.0企業來說，如果都能夠實現 XFN 和hCard，那麼我們的聯系人網絡就能夠更強大。