HCard

3. 구성 요소

hCard는 HTML에서 연락처 정보를 나타내는 데 사용되는 마이크로포맷이다. hCard를 구성하는 요소들은 특정 클래스 이름을 사용하여 식별되며, 전체는 `class="vcard"`로 묶인다.

다음은 일반적인 HTML 코드 예시이다.

```html

• Joseph Doe



• Joe



• The Example Company



• 604-555-1234



• http://example.com/

• Joseph Doe



• Joe



• The Example Company



• 604-555-1234



• http://example.com/

3. 1. 주요 속성

hCard가 조직 또는 장소를 위한 것이라면, `fn`과 `org` 클래스가 동일한 요소에 사용된다. 예를 들어, `위키백과` 또는 `웸블리 스타디움`과 같이 표현할 수 있다. 그 외에도 선택적으로 사용할 수 있는 hCard 클래스들이 존재한다.<sup>[10]</sup>

이러한 속성들을 통해 브라우저 플러그인과 같은 소프트웨어가 정보를 추출하여 주소록과 같은 다른 응용 프로그램으로 전송할 수 있다.

3. 2. 조직 및 장소 정보

3. 3. 기타 속성

• `bday` - 개인의 생일
• `email` - 이메일 주소
• `honorific-prefix`
• `honorific-suffix`
• `label` - 세분화되지 않은 주소에 사용
• `logo`
• `nickname` - 별명
• `note` - 자유 텍스트
• `photo`
• `post-office-box`

4. Geo 및 adr

Geo 마이크로포맷은 hCard 명세의 일부이며, hCard 내에 위치의 좌표를 포함시키기 위해 자주 사용된다.<sup>[1]</sup> hCard의 ''adr'' 부분은 독립적인 마이크로포맷으로도 사용될 수 있다.<sup>[1]</sup>

5. 실제 사용 예시

hCard의 실제 사용 예시로, HTML 마크업에 마이크로포맷 마크업을 포함하는 방법을 보여준다.

기본 HTML 구조는 다음과 같다.

• Joseph Doe



• Joe



• The Example Company



• 604-555-1234



• http://example.com/

5. 1. 위키미디어 재단 연락처 (hCard)

이 hCard는 개인이 아닌 조직에 대한 것이므로 ''fn'' 및 ''org'' 속성이 하나의 요소에 결합되어 있다.

다음은 2010년 10월 28일 현재 위키미디어 재단의 연락처 정보이다.

이 hCard는 개인이 아닌 조직에 대한 것이므로 ''fn'' 및 ''org'' 속성이 하나의 요소에 결합되어 있다.

5. 2. 마크업 코드

참조

<sub>[1]</sub> 서적 Web Standards: Mastering HTML5, CSS3, and XML https://books.google[...] Apress 2013-05-10
<sub>[2]</sub> 웹사이트 Introducing Rich Snippets http://googlewebmast[...] 2009-05-25
<sub>[3]</sub> 웹사이트 Google Announces Full Support for Microformats in Local http://blumenthals.c[...] 2010-09-30
<sub>[4]</sub> 웹사이트 Facebook adds hCalendar and hCard microformats to Events https://web.archive.[...] ZDNet 2011-03-24
<sub>[5]</sub> 문서 no friendly name defined in the specification http://microformats.org/wiki/hcard#Property_List, but one might think of it as "[[wikt:full name|full name]]", "formal name", "formatted name", or "family name"
<sub>[6]</sub> 서적 Web Standards: Mastering HTML5, CSS3, and XML https://books.google[...] Apress 2013-05-10
<sub>[7]</sub> 웹사이트 Introducing Rich Snippets http://googlewebmast[...] Google 2009-05-25
<sub>[8]</sub> 웹사이트 Google Announces Full Support for Microformats in Local http://blumenthals.c[...] 2010-09-30
<sub>[9]</sub> 웹사이트 Facebook adds hCalendar and hCard microformats to Events http://www.zdnet.com[...] ZDNet 2011-03-24
<sub>[10]</sub> 문서 http://microformats.org/wiki/hcard#Property_List の仕様ではフレンドリー名が定義されていないが、"formal name（正式名）"、"formatted name（フォーマット名）"、"family name（ファミリーネーム）"などと取れる
<sub>[11]</sub> URL http://microformats.[...]
<sub>[12]</sub> URL http://microformats.[...]
<sub>[13]</sub> URL http://microformats.[...]