hCard

✍ dations ◷ 2025-02-26 14:07:22 #hCard

hCard是一种微格式,用来发布个人、公司、组织、地点等详细的联系信息。它可以包含在(X)HTML、Atom、RSS等可扩展置标语言中。hCard使用vCard(RFC 2426)的属性和值来实现这些功能。

它可以使分析器(比如其他网站,Firefox的Operator插件)获得详细的信息,并通过别的网站或者地图工具进行显示,或者载入到地址簿等其他程序。

如下HTML代码:

 <div>     <div>Joe Doe</div>     <div>The Example Company</div>     <div>604-555-1234</div>     <a href="http://example.com/">http://example.com/</a> </div>

加入微格式后,成为:

<div class="vcard">     <div class="fn">Joe Doe</div>     <div class="org">The Example Company</div>     <div class="tel">604-555-1234</div>     <a class="url" href="http://example.com/">http://example.com/</a> </div>

这里,正式名称(class="fn"),组织(class="org"),电话号码(class="tel")和url(class="url")分别用相应的class标示;同时,所有内容都包含在class="vcard"里。

这里是维基媒体基金会的联系方式,可以作为hCard的一个真实示例:

加入微格式后,成为:

<div class="vcard">  <div class="fn org">Wikimedia Foundation Inc.</div>  <div class="adr">    <div class="street-address">200 2nd Ave. South #358</div>    <div>      <span class="locality">St. Petersburg</span>,       <span class="region">FL</span> <span class="postal-code">33701-4313</span>    </div>    <div class="country-name">USA</div>    </div>  <div>Phone: <span class="tel">+1-727-231-0101</span></div>  <div>Email: <span class="email">info@wikimedia.org</span></div>  <div>    <span class="tel"><span class="type">Fax</span>:     <span class="value">+1-727-258-0207</span></span>  </div></div>

注意,在这个例子中,正式名称(class="fn")和组织(class="org")写在了一个属性中,表示这是一个组织,而不是个人。

Geo可以被包含在hCard中,表示某个地址的坐标。

其他常用的hCard属性包括:

相关